Abrir un div de una opción automáticamente

raxper · #1 (**permalink**) 18/08/2010, 05:57

Parece estar fácil, pero se me complicó

.

Lo que necesito hacer es que al darle un selected="selected" a cualquiera de las dos opciones me ejecutasen el Value que llevan, en el <div id=div></div>, gracias :) .

El HTML está a lo más sencillo posible para que me pueda entender.

Código HTML:

<script>function rxp(opcion) {document.getElementById('div').innerHTML = opcion.value;}</script>

<center>
<form>
<select name="opciones" onchange="rxp(this)">
<option id="uno" value="<input type='button' onclick='contenido()' value='Contenido1' /></a>*<input type='button' onclick='contenido()' value='Contenido2' />*<input type='button' onclick='contenido()' value='Contenido3' />">Categoría 1</option>
	
<option selected="selected" id="dos" value='<input type="button" onclick="contenido()" value="Contenido1" />*<input type="button" onclick="contenido()" value="Contenido1" />'>Categoría 2</option></select>
</form></center>


<div align="center" id=div></div>

_cronos2 · #2 (**permalink**) 18/08/2010, 07:24

Código HTML:

Ver original<div align="center" id='div'></div>

Saludos (:

Adler · #3 (**permalink**) 18/08/2010, 08:37

Hola

Hasta donde yo conozco no hay posibilidad de hacerlo. Modificando el dom no puedes mandar a llamar a una función. Esperemos, a ver que dice algún otro

Suerte

raxper · #4 (**permalink**) 18/08/2010, 16:12

Cita:

Iniciado por Adler

Hola

Hasta donde yo conozco no hay posibilidad de hacerlo. Modificando el dom no puedes mandar a llamar a una función. Esperemos, a ver que dice algún otro

Suerte

Yo llamaba una función automática así, no se si a esto te refieres

Código:

<script>function abrir(){window.open('http://forosdelweb.com', 'foro');}</script><body onload=abrir();>
<center><iframe name="foro" style="border: dashed red" width="900" height="600"></iframe></center>

Bueno gracias de todas formas, parece imposible, pero nd es imposible, pude hacer lo que quería desde PHP, pero creo que también se puede desde javascript

Documento simple.php

Código PHP:

 
<script>function rxp(opcion) {document.getElementById('div').innerHTML = opcion.value;}</script> 

<?php $uno = "<input type='button' onclick='contenido()' value='Contenido1' /></a>*<input type='button' onclick='contenido()' value='Contenido2' />*<input type='button' onclick='contenido()' value='Contenido3' />";?> 

<script>uno = "<?php echo $uno?>";</script> 

<?php $dos = "<input type='button' onclick='contenido()' value='Contenido1' />*<input type='button' onclick='contenido()' value='Contenido1' />";?> 
<script>dos = "<?php echo $dos?>";</script> 

<center> 
<form> 
<select name="opciones" onchange="rxp(this)"> 

<option <?php echo $suno;?> value="<?php echo $uno;?>">Categoría 1</option> 
     
<option <?php echo $sdos;?> value="<?php echo $dos;?>">Categoría 2</option></select> 
</form></center> 



<div align="center" id=div><?php echo $mostrar;?></div>

Para ver marcado la opción uno

Código PHP:

  http://localhost/simple.php?mostrar=<script>document.write(uno)</script>&suno=selected="selected"

Para ver marcado la opción dos.

Código PHP:

  http://localhost/simple.php?mostrar=<script>document.write(dos)</script>&sdos=selected="selected"

Si salen * no es por algún error, si no es el espacio en blanco creando desde alt + 0160, que ha sido cifrado como *, que separan a cada <input>

Adler · #5 (**permalink**) 18/08/2010, 16:39

Hola

A ver ... ¿tu objetivo no es ejecutar la función contenido()? ¿o no he entendido nada? Entiendo que es lo segundo, por que lo que dices que has logrado con PHP, el HTML generado, es exactamente igual que lo que muestras en tu primer post.
¿Qu´´e es lo que realmente quieres que ocurra?

Suerte

raxper · #6 (**permalink**) 18/08/2010, 17:05

Cita:

Iniciado por Adler

Hola

A ver ... ¿tu objetivo no es ejecutar la función contenido()? ¿o no he entendido nada? Entiendo que es lo segundo, por que lo que dices que has logrado con PHP, el HTML generado, es exactamente igual que lo que muestras en tu primer post.
¿Qu´´e es lo que realmente quieres que ocurra?

Suerte

O.o, claro que no, yo quería que se seleccione la opción y me muestre su value en el div x)...!, ya lo pude hacer =), con PHP javascript y HTML

, y gracias

Adler · #7 (**permalink**) 19/08/2010, 03:49

Hola

Cita:

Iniciado por raxper

O.o, claro que no, yo quería que se seleccione la opción y me muestre su value en el div x)...!, ya lo pude hacer =), con PHP javascript y HTML

, y gracias

En tal caso si que lo puedes hacer con javascript. Si aún está s interesado dímelo

Suerte

raxper · #8 (**permalink**) 19/08/2010, 12:31

Cita:

Iniciado por Adler

Hola

En tal caso si que lo puedes hacer con javascript. Si aún está s interesado dímelo

Suerte

Haber, claro que me interesa, no entendí sobre que digistes ejecutar la función contenido() por que eso parece ser sencillo, o no entendí...

///////////////////////////////////////////////////////////

Pasando a limpio, como se haría con javascript, seleccionar automáticamente la opción pero que este me muestre el contenido en su value, en el div con id=div, gracias (Con PHP ya logré mostrar, pero me interesa saber con javascript).

raxper · #9 (**permalink**) 19/08/2010, 13:56

Hola, buenas a todos, tengo una curiosidad y quiero averiguarlo.

Simple

Tengo un documento html que me carga un <iframe></iframe> (El iframe carga una página externa, que no es mía y lo carga así <BASE href="." target="_top">), como se podría hacer para que todo link se me cargue al target que yo quiero asignar sin interesar que esté dentro de un iframe, etc.

Adler · #10 (**permalink**) 19/08/2010, 14:28

Hola

Sería algo así

Código Javascript:

Ver original<script> function rxp(opcion) {document.getElementById('div').innerHTML = opcion.value;} 
 
var uno = "<input type='button' onclick='contenido()' value='Contenido1' /></a>*<input type='button' onclick='contenido()' value='Contenido2' />*<input type='button' onclick='contenido()' value='Contenido3' />";
var dos = "<input type='button' onclick='contenido()' value='Contenido1' />*<input type='button' onclick='contenido()' value='Contenido1' />";
 
function funcion() {
var seleccionado = '<?php echo $_GET['cual'];?>';
var opt = document.forms[0].opciones;
for (var i = 0; i < opt.options.length; i++) {
if (opt[i].id == seleccionado) opt.options[i].selected = 'selected';
document.getElementById('div').innerHTML = eval(seleccionado);
}
 
opt.options[0].value = uno;
opt.options[1].value = dos;
}
 
window.onload = function () {funcion();};
</script> 
 
<center> 
<form> 
<select name="opciones" onchange="rxp(this)"> 
 
<option id="uno" value="">Categor&#237;a 1</option> 
     
<option id="dos" value="">Categor&#237;a 2</option></select> 
</form></center> 
 
 
<div align="center" id=div></div>

Ahora la query sería http://localhost/simple.php?cual='uno'

Suerte

raxper · #11 (**permalink**) 19/08/2010, 17:20

Adler

, solo que el query sería http://localhost/simple.php?cual=uno
interesante y excelente, gracias :)

Adler · #12 (**permalink**) 19/08/2010, 17:25

Cita:

Iniciado por raxper

Adler

, solo que el query sería http://localhost/simple.php?cual=uno
interesante y excelente, gracias :)

Salió a pasear el dedo tonto