Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.


Mensajes - lynxstyle

Páginas: [1]
1
Se queda la pagina en blanco, pero funciona bien si elimino la siguiente linea:

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 ;)

2
Sorry con estos de las fiestas y que me he tragado todos los festivos trabajando no habia prestado atención, voy a probar el código, ahora te cuento.  ;)

3
Ok, perdón y gracias de nuevo, pero la gente no sabrá de donde viene el tema. ¿no?

4
Perdonar por mi abuso, estoy intentando rizar el rizo, quiero colocar al lado unas imágenes pero que cambien al seleccionar un radio, estas imagenes formarian el cuerpo de una mujer y lo dividiria en 2 partes, cabeza (por el cabello) y silueta, la silueta es la parte que me lo complica, ya que combinarian tanto la silueta en si como el estilo de ropa, una mujer puede tener curvas y llevar ropa atrevida o llevar ropa elegante, o puede ser de cuerpo atletico y llevar ropa atrevida o llevar ropa elegante, por lo que realmente usaría 6 imagenes, 2 para la cabeza y 4 para la silueta.

Gracias de antemano .

5
Muchas gracias a Cesar por su preocupación y a ti Alex "eres un Crack" funciona perfectamente. Gracias a los dos

Felices Fiestas.

6
Sorry, hay algo que no expliqué, el tema es que el motor de busqueda está ya hecho y lo que estoy haciendo es una modificación sólo en el formulario para que la gente hagan la selección con los radio, una vez me funcione el campo de texto lo ocultaré ¿Por qué? porque el motor de busqueda tira directamente de este campo de texto ya que lo que reconoce para escoger el valor es en name, es decir del name=search_query que tiene el campo de texto y por ello de crear una función que me introduzca los valores de los radio en el campo de texto y así me ahorro de realizar el motor de busqueda el completo.

Espero haberme explicado bien  ;)

7
Hola Cesar, lo que quiero es que escoja una opción de los tres grupos. ejemplo: Rubia con curvas atrevida, de esta manera se haría una busqueda de productos recomendados para estas características.

Si dejo sólo la función anadir, funciona correctamente pero si alguien quisiera cambiar rubia por morena añadiria la opción de morena pero la de rubia continuaria estando tambien, por lo que ya la busqueda no diferenciaria entre estas características.

8
Tengo un formulario que en el campo de texto incluyo el valor del botón radio que está seleccionado, el problema es que si en el mismo grupo de radio selecciono otra opción tengo que eliminar el valor de su compañero y sustituirlo por el nuevo valor. El añadir valor no tengo problema, pero el problema es eliminar valores ya que elimina cualquier valor y sólo incluye el ultimo seleccionado.

Código Javascript:
Código: [Seleccionar]
    <script type="text/javascript">
                            function anadir(obj) {
                            if (obj.focus)
                            obj.form.search_query.value += obj.value;
                            }
                        </script>
                        <script type="text/javascript">
                            function eliminar(obj) {
                            if (obj.blur)
                            obj.form.search_query.value ="";
                            }
</script>

Código HTML:

Código: [Seleccionar]
    <div id="search_block_left" class="block exclusive">
        <form name="formulario" method="post" action="{$link->getPageLink('search', true)}" id="searchbox">
            <p class="block_content">
                <label for="search_query_block">{l s='Enter a product name or description.' mod='blocksearch'}</label>
                <input type="hidden" name="orderby" value="position" />
                <input type="hidden" name="controller" value="search" />
                <input type="hidden" name="orderway" value="desc" />
               
                <!-- Selectores Personal Shoppers --> 
                <div>
                <input type="radio" name="search_query1" value="moreno " onfocus="anadir(this)" onblur="eliminar(this)" />Moreno
                <input type="radio" name="search_query1" value="Rubio " onfocus="anadir(this)" onblur="eliminar(this)"/>Rubio
                </div>
                <div>
                <input type="radio" name="search_query2" value="con curvas " onfocus="anadir(this)" onblur="eliminar(this)"/>con Curvas
                <input type="radio" name="search_query2" value="atletica " onfocus="anadir(this)" onblur="eliminar(this)"/>Atl&eacute;tica
                </div>
                <div>
                <input type="radio" name="search_query3" value="atrevida " onfocus="anadir(this)" onblur="eliminar(this)"/>Atrevida
                <input type="radio" name="search_query3" value="elegante " onfocus="anadir(this)" onblur="eliminar(this)"/>Elegante
                </div>
                           
                <input class="search_query" type="text" id="search_query_block" name="search_query" value="" />
                <input type="submit" id="search_button" class="button_mini" value="{l s='Go!' mod='blocksearch'}" />
            </p>
        </form>
    </div>

Páginas: [1]

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".