recibir variable JS

[kaninox]

Hola muchachos tengo un script en JS

Código Javascript:

<SCRIPT language="JavaScript" type="text/javascript">
function copiar(){
document.myform.campo2.value=document.myform.campo1.value;
}
</SCRIPT>
 

donde lo que hace es enviar lo que tiene campo1 de un select a campo2 en un textbo, pero mi idea es recibir esta variable en php o algo para luego poder tratarla o insertar el valor en un enlace? espero se entienda.

Saludos.

[abimaelrc]

Tu quieres que con javascript envíe el valor hacia PHP y este haga, ejemplo, una consulta y así obtener los datos. Si es así, puedes usar la tecnología AJAX para enviar los datos y luego obtener el resultado. Si no te importa que se refresque la pantalla, puedes usar window.location para enviar el dato del formulario. Si lo que deseas es que se haga un submit al formulario, puedes usar la función submit() al final ejemplo

Código Javascript:

<SCRIPT language="JavaScript" type="text/javascript">
function copiar(){
    document.myform.campo2.value=document.myform.campo1.value;
    document.myform.submit();
}
</SCRIPT>
 

Pero en todos los casos que te menciono nada tiene que ver con PHP

[Vun]

Tendras que enviar ese formulario (myform) en algun momento, o con un boton o automaticamente con:

document.myform.submit();

Y ya luego recoges el dato en la pagina destino del formulario en $_POST['campo2']

Me da la impresión que no entendi exactamente tu duda, pero bueno, ya me dices lo que sea que luego te leo.

[kaninox]

lo que necesito es pasar el valor de un select con onchange a una variable pero veo que mi problema va mas por el lado de javascript justamente.

Lo que necesito es que al seleccionar un una opcion del combobox esta me muestre una imagen de acuerdo a la opcion escogida a lo que ademas esta imagen tenga un link, lo de escoger una opcion y me muestre una imagen lo tengo hecho el problema es que no me resulta con el link, les dejo el codigo haber si alguien me da una mano y obiamente me cambian el topic de foro. :P

Saludos.

Código PHP:

<?php
$imagenes=array("", "1.jpg","2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg");
?>
 

Código Javascript:

<script type="text/javascript">
imagenes=new Array();
<?php foreach ($imagenes as $i=>$v) echo "imagenes[$i]=\"$v\";\n" ?>
</script>
 

Código HTML:

<select name="campo1" id="campo1" style="width: 250px;" onchange="document.getElementById('elIdDeLaImagen').src=imagenes[parseInt(this.options[this.selectedIndex].value)]">
<option value="">Seleccione una Opci&oacute;n</option>
<option value="1">Imagen 1</option>
<option value="2">Imagen 2</option>
<option value="3">Imagen 3</option>
<option value="4">Imagen 4</option>
<option value="5">Imagen 5</option>
<option value="6">Imagen 6</option>
</select>
 

Código HTML:

<a id="thumb1" href="<?php echo "AQUI LINK";?>" class="highslide" onclick="return hs.expand (this, { wrapperClassName: 'wide-border'})"><img id="elIdDeLaImagen" border="0" width="57" height="57"></a>
 

[abimaelrc]

Para pasar los datos de un array puedes usar JSON. Te recomiendo que leas sobre el tema.

[kaninox]

mmmm estuve viendo algo de json y creo por que no se mucho del tema se puede usar json_encode pero no se como aplicarlo a mi caso :/

[_ssx]

Paso 1 Bajar jQuery.

www.jquery.com

Paso 2 Agregarla en tu head html

Código PHP:

  <script type="text/javascript" src="jquery.js"></script>  
  

Paso 3 Crear un archivo .js llamarlo como quieras Ej. funciones.js

Paso 4 Agregarlo tambien al head

Código PHP:

  <script type="text/javascript" src="funciones.js"></script>  
  

Paso 5 Escribir esto en el archivo funciones.js

Código:

$(document).ready(function(){
	//aqui especificas el ID de tu combobox
	$('#combobox').change(function(){
		//obtener el seleccionado
		var valorSeleccionado = $(this).val();
		//ahora ya tienes el la variable "valorSeleccionado" el valor del elemento seleccionado
		//Podemos reemplazar el atributo href de la liga con ID "reemplazable" y aqui como ejemplo el link se genera dinamicamente
		//y agrega el valor de la variable valorseleccionado
		$('#reemplazable').attr('href','imagen_'+valorSeleccionado+'.jpg');
	});
});

Aunque no se que tiene que ver con PHP pero supongo que esto es lo que necesitas.

[kaninox]

gracias :) si es que la consulta partio, en como podia pasar la variable JS a Php pero como dije despues vi que el problema era puramente Js al parecer, voy a aplicar lo que me dices..

Saludos

[jpinedo]

Tema movido desde PHP a Javascript

[kaninox]

_ssx una consulta como puedo mover el valor del ID directamente al HREF me explico, la idea de poner un enlace es por que quiero ponerle un lightbox de imágenes, y pues lightbox reserva el ID del link para otra cosa mi idea era ponerlo en el href directamente estuve tratando pero no me resulta :/...

se me estaba ocurriendo otra posible solución a mi tema y seria que al seleccionar un combobox este me muestre una capa diferente dentro de esta capa ya podría poner lo que quisiera, pero no encontrado tampoco solución al tema de ocultarla cuando elijo otra opción :/ alguna idea.

Saludos

[kaninox]

y bueno al final lo resolví con capas como exponía luego, como siempre dejo la solución de como mostrar y ocultar capas usando un combobox o select.

Código Javascript:

<style >
#capa2{
display: none;}
#capa3{
display: none;}
</style>
<script type="text/javascript">
function mostrar(aa) {
switch(aa)
{
case '1':
document.getElementById('capa1').style.display = 'block';
document.getElementById('capa2').style.display = 'none';
document.getElementById('capa3').style.display = 'none';
break;
case '2':
document.getElementById('capa2').style.display = 'block';
document.getElementById('capa1').style.display = 'none';
document.getElementById('capa3').style.display = 'none';
break;
case '3':
document.getElementById('capa3').style.display = 'block';
document.getElementById('capa1').style.display = 'none';
document.getElementById('capa2').style.display = 'none';
break;
}}
</script>
<form>
<select name="aas" onchange="mostrar(this.value);">
<option value="">Seleccione una opcion</option>
<option value="1">Opcion1</option>
<option value="2">Opcion2</option>
<option value="3">Opcion3</option>
</select>
<br /><br /><br /><br />
<div id="capa1">aaaaaaaaa</div>
<div id="capa2" >bbbbbbbbbbb</div>
<div id="capa3">cccccccccccc</div>
 

1.- se puede mejorar usando un arreglo, pero para fines educativos lo dejo asi.
2.- me di vuelta mucho rato para darme cuenta en el switch que en los case los números van con comilla simple de lo contrario no me funcionaba el script.

Si alguien quiere pulirlo bienvenido sea :D

Saludos.

[_ssx]

Yo lo haria con jQuery

Código PHP:

  <style > 
#capa2{ 
display: none;} 
#capa3{ 
display: none;} 
</style> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#aas').change(function(){ 
        mostrar($(this).val()); 
    }); 
}); 
function mostrar(elem) { 
    $('.contenido').hide(); 
    $('#capa'+elem).show(); 
} 
</script> 
<form> 
<select id="aas"> 
    <option value="">Seleccione una opcion</option> 
    <option value="1">Opcion1</option> 
    <option value="2">Opcion2</option> 
<option value="3">Opcion3</option> 
</select> 
<br /><br /><br /><br /> 
<div class="contenido" id="capa1">aaaaaaaaa</div> 
<div class="contenido" id="capa2" >bbbbbbbbbbb</div> 
<div class="contenido" id="capa3">cccccccccccc</div>  
  

[Panino5001]

Yo lo haria con jQuery

Te felicito: usar 24kb de código para cambiar el estilo a un par de elementos es seguramente una gran elección, no?

[_ssx]

Gracias, pero supongo no es lo único que va a realizar con javascript de todos modos pues a veces hay que sacrificar un poco de "kb" por simplicidad al mantenimiento a la larga y estar peleando con los diferentes navegadores por sus "excepciones" pero siempre es libre de usar lo que mas le convenga.

[caricatos]

Iniciado por _ssx

...de todos modos pues a veces hay que sacrificar un poco de "kb" por simplicidad al mantenimiento a la larga y estar peleando con los diferentes navegadores por sus "excepciones" ...

Te puedo asegurar que la gran mayoría de cosas que se pueden hacer con pocas líneas de una librería, se pueden hacer con pocas líneas sin una librería... y por supuesto, funcionando en todos los navegadores.

Saludos