Algo sencillo!

keshone · #1 (**permalink**) 04/03/2010, 11:45

Hola a todos,

Ante mi desesperación, necesito vuestra ayuda!

Tengo lo siguiente:

Código:

		<td class="campo">Ciudad:</td>
		<td class="valor">
			<% Municipios municipio = (Municipios)request.getAttribute("municipioPpal"); 
			   int idMunicipio = municipio.getId();
			%>
			<html:select name="beneficiarioForm" styleClass="fieldm" property="idCiudad" onchange="mostrarBarrio(this, <%= idMunicipio %> )">
				<html:option value=""/>
			    <html:options collection="listadoMunicipios" property="id" labelProperty="nombre"/>
			</html:select>
		</td>

La función que llama de JS, es la siguiente:

Código:

<script language="JavaScript">
	function mostrarBarrio(seleccion, idPpal) {
		if((seleccion.options[seleccion.selectedIndex].value) == (idPpal)){
			document.getElementById('barrio').style.display='block';
			alert("2");
		}
		alert("3");
	}
	
</script>

De verdad que no entiendo qué es lo que está pasando... si por favor, alguien de ustedes es tan amable de guiarme...

Muchas gracias!!

maycolalvarez · #2 (**permalink**) 04/03/2010, 12:10

¿cual es el error?, ¿que no te sirve?, se más especifico

keshone · #3 (**permalink**) 04/03/2010, 12:18

Hola maycolalvarez,
El problema que me sale es "Syntax error" al pasar el campo idMunicipio en la llamada al function.
Gracias!

#4 (**permalink**) 04/03/2010, 12:44

No muestras el HTML, que es con lo que Javascript interactúa

keshone · #5 (**permalink**) 10/03/2010, 07:26

Perdonad el retraso, muchas gracias por el interés.

El HTML con que debería interaccionar es:

Código:

	<tr id="barrio" style="display:none">
		<td class="campo">Distrito:</td>
		<td class="valor">
			<html:select name="beneficiarioForm" styleClass="fieldm" property="idDistrito">
			    <html:options collection="listadoBarrios" property="id" labelProperty="nombre"/>
			</html:select>
		</td>
	</tr>

#6 (**permalink**) 10/03/2010, 08:54

Eso no es HTML, es algún lenguaje del lado del servidor, una búsqueda en Ask sugiere que se trata de Struts.
Tenés que mostrar el HTML que recibe el navegador, si eso es lo que recibe el problema es que falta el pre-procesamiento que transforma ese bloque en HTML válido.

Saludos.

keshone · #7 (**permalink**) 11/03/2010, 07:56

Perdona AlvaroG, tienes razón. Aquí va el código HTML:

Código:

	<tr>
		<td class="campo">Ciudad:</td>
		<td class="valor">
			
			<select name="idCiudad" onchange="mostrarBarrio(this, <%= idMunicipio %> )" class="fieldm"><option value=""></option>
			    <option value="1">Barcelona</option>
<option value="2">L'Hospitalet</option></select>
		</td>
		<td class="campo">Cód. Postal:</td>
		<td><input type="text" name="codPostal" maxlength="5" size="5" value="" class="input-font">&nbsp;
		</td>
	</tr>
	<tr id="barrio" style="display:none">
		<td class="campo">Distrito:</td>
		<td class="valor">
			<select name="idDistrito" class="fieldm"></select>
		</td>
	</tr>

Código:

<script language="JavaScript">
	function mostrarBarrio(seleccion, idPpal) {
		if((seleccion.options[seleccion.selectedIndex].value) == (idPpal)){
			document.getElementById('barrio').style.display='block';
			alert("2");
		}
		alert("3");
	}
	
</script>

Gracias!!

#8 (**permalink**) 11/03/2010, 13:37

Código:

mostrarBarrio(this, <%= idMunicipio %> )

Creo que ese es el problema... el HTML contiene eso en vez de un valor válido.

Hice pruebas sustituyendo "<%= idMunicipio %>" por "2", y creando un documento HTML válido para la prueba (básicamente, envolví tu códico en <table>, <body>, <html>) y el código funcionó bien.

Saludos.

keshone · #9 (**permalink**) 12/03/2010, 01:45

Hola,

En teoría se debería sustituir <%= idMunicipio %> por el valor que tiene idMunicipio, que es un int, pero no sé por qué motivo no lo sustituye...

Saludos

#10 (**permalink**) 12/03/2010, 10:46

Si, lo entiendo, y entonces el problema está en esa sustitución. ¿Qué lenguaje es? quizás tengas mejor suerte si se mueve el tema al foro de ese lenguaje :)

Saludos.

keshone · #11 (**permalink**) 15/03/2010, 06:02

Gracias AlvaroG por todas tus respuestas.

Quizá se debería mover a Struts pero no sé cómo hacerlo... si algún admin lo lee y puede moverlo... se lo agradezco.

Saludos!

JavierB · #12 (**permalink**) 15/03/2010, 14:53

Hola keshone

Muevo tu tema al foro de Java desde Javascript.

Saludos,

elAntonie · #13 (**permalink**) 16/03/2010, 05:12

Wenas

En tu jsp.

Código:

<script>
mostrarBarrio(this, <%= idMunicipio %> );
</script>

Saludos.

keshone · #14 (**permalink**) 16/03/2010, 08:09

Gracias por contestar elAntonie,

No acabo de entender, dices de escribir todo eso dentro de "onchange"?

Saludos

elAntonie · #15 (**permalink**) 16/03/2010, 10:20

Buff perdon. Create una variable javascript con el valor del idMunicipio y pasaselo al onchange.

Código:

<script>
var idMunicipio = <%=idMunicipio%>
</script>
<html:select name="beneficiarioForm" styleClass="fieldm" property="idCiudad" onchange="mostrarBarrio(this, idMunicipio )">

Tambien puedes almacenar el idMuncipio en un hidden

Código:

			<% Municipios municipio = (Municipios)request.getAttribute("municipioPpal"); 
			%>
<input type="hidden" name="idmunicipio" value="<%=municipio.getId()%>">
<html:select name="beneficiarioForm" styleClass="fieldm" property="idCiudad" onchange="mostrarBarrio(this)">

y en el javascript

Código:

function mostrarBarrio(laselect)
{
     var idMunicipio = laselect.form.idmunicipio.value;
bla,blabla;
}

Repito mis disculpas, se me ha ido la pinza.

Saludos.

keshone · #16 (**permalink**) 16/03/2010, 10:38

Ahora sí entiendo! Jaja

Muchísimas gracias elAntonie!

Un saludo!