1
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:cambiar imágenes al pulsar botón radio con javascript
« en: 07 de Enero 2014, 13:46 »
Se queda la pagina en blanco, pero funciona bien si elimino la siguiente linea:
Ahora al intentar que funcione para las 3 imagenes no lo consigo, he probado lo siguiente:
La primera imagen se cambia pero las otras dos no, en el htm está sus respectivos name e id
PD: Y conseguí que funcione, corrigiendo la siguiente linea:
por:
Gracias Cesar
Código: [Seleccionar]
//if (radios[i].name = "search_query1") {...}
Ahora al intentar que funcione para las 3 imagenes no lo consigo, he probado lo siguiente:
Código: [Seleccionar]
<script type="text/javascript">
function anadir(obj) {
anadir1(obj);
if (obj.name =='search_query1'||'search_query2'||'search_query2'){
anadirImgSQ1()&&anadirImgSQ2()&&anadirImgSQ3();}
}
function anadir1(obj) {
var radios = document.getElementsByTagName('input');
var value;
obj.form.search_query.value = "";
for (var i = 0; i < radios.length; i++) {
if (radios[i].type === 'radio' && radios[i].checked) {
value = radios[i].value;
obj.form.search_query.value = obj.form.search_query.value + value;
}
}
}
function anadirImgSQ1(){
var radio = document.getElementsByName('search_query1');
var colorPelo = document.getElementById('colorPelo');
if (radio[0].checked){
colorPelo.src = "http://ritsi.org/wp-content/uploads/2013/03/luis_cabeza_honorifico.jpg";
}
if (radio[1].checked){
colorPelo.src = "http://entimg.msn.com/i/150/Movies/Actors4/brigged0194557_150x200.jpg";
}
}
function anadirImgSQ2(){
var radio = document.getElementsByName('search_query2');
var siluetaCuerpo = document.getElementById('siluetaCuerpo');
if (radio[0].checked){
siluetaCuerpo.src = "http://ritsi.org/wp-content/uploads/2013/03/luis_cabeza_honorifico.jpg";
}
if (radio[1].checked){
siluetaCuerpo.src = "http://entimg.msn.com/i/150/Movies/Actors4/brigged0194557_150x200.jpg";
}
}
function anadirImgSQ3(){
var radio = document.getElementsByName('search_query3');
var estiloRopa = document.getElementById('estiloRopa');
if (radio[0].checked){
estiloRopa.src = "http://ritsi.org/wp-content/uploads/2013/03/luis_cabeza_honorifico.jpg";
}
if (radio[1].checked){
estiloRopa.src = "http://entimg.msn.com/i/150/Movies/Actors4/brigged0194557_150x200.jpg";
}
}
</script>
La primera imagen se cambia pero las otras dos no, en el htm está sus respectivos name e id
PD: Y conseguí que funcione, corrigiendo la siguiente linea:
Código: [Seleccionar]
anadirImgSQ1()&&anadirImgSQ2()&&anadirImgSQ3();}
por:
Código: [Seleccionar]
anadirImgSQ1();
anadirImgSQ2();
anadirImgSQ3();}
Gracias Cesar