consulta sobre innerHTML

wolf777 · #1 (**permalink**) 29/10/2004, 09:55

Es una consulta bastante simple, existe alguna forma de que cuando asigne mediante un "innerHTML" dinámicamente a un espacio X una funcion de JavaScript no cambie de página, les aclaro más...

flow_conrtolller.js

Código HTML:

tabla = document.getElementById("tabla_xl");
if(eval(customer_registration.shipping_amount.value)==0){
fila = tabla.getElementsByTagName("TR")[4];celda = fila.getElementsByTagName("TD")[3];celda.innerHTML="$"+customer_registration.shipping_amount.value;
fila = tabla.getElementsByTagName("TR")[4];celda = fila.getElementsByTagName("TD")[2];celda.innerHTML="none";
}
else{
fila = tabla.getElementsByTagName("TR")[4];
celda =fila.getElementsByTagName("TD")[2];
celda.innerHTML=country_d();
}

Cuando asigno al innerHTML la función country se crea una página nueva lo cual no deberia ocurrir ????

country tiene estas caracteristicas: "country.js"

Código HTML:

var country_v=['(Select your country)','Afghanistan','Albania','Algeria'....];
function country_d(){
	var country_z=country_v.length;
	document.write("<select name='country' id='country' class='blackText' onChange='selected_c(this)'>");
	for(i=0;i<country_z;i++){
		document.write("<option value="+country_v[i]+">"+country_v[i]+"</option>");}
	document.write("</select>");
}

function selected_c(a){
	var counter=-1;
	var name=a.value;
	var a_size=a.length;
	do{counter++;}while(!(a.options[counter].selected))
	if(counter==221){customer_registration.amount.value=9.95;}
	else{customer_registration.amount.value=45.5;}
	}

Como puedo colocar este elemento sin que aparezca una página nueva?????

saludos

kepawe · #2 (**permalink**) 31/10/2004, 16:13

Hola wolf777
Este script solo lo he probado en IE6 y Mozilla 1.7, en teoria debe de funcionar en IE5+ y NS6+

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 
<html>

<head>

<title>Crear un select</title>

 
</head>

<body>

<div id="selectCountry"></div>

 
<a href="javascript:void(0)" onclick="create_select()">Crear select</a>

<script language=JavaScript type=text/javascript>

<!--

var country_v=['(Select your country)','Afghanistan','Albania','Algeria'];

 
function create_select(){

  // comprobar que form1 no este creado

  for(var ct1 = 0 ; ct1 < document.forms.length; ct1++){

 
    if(document.forms[ct1].name == "form1"){ return false}

  }

  // Donde vamos a colocar el formulario

  var div_select = document.getElementById("selectCountry")

  // Creamos el objeto form

  var form_node = document.createElement("form")

  div_select.appendChild(form_node)

  // añadimos el atributo name

  form_node.setAttribute("name","form1")

  form_node.setAttribute("action","form.php")

  var select_node = document.createElement("select")

  form_node.appendChild(select_node)

  select_node.setAttribute("name","select1")

 
 
  for(var ct = 0; ct < country_v.length; ct++){

 
      var option_node = document.createElement("option")

      select_node.appendChild(option_node)

      option_node.setAttribute("value",country_v[ct])

      var text_node = document.createTextNode(country_v[ct])

      option_node.appendChild(text_node)

 
 
  }

  /* IE solo me ha permitido  acceder a las propiedades

   y valores del select creado  mediante  la sintaxis de

   arrays

  */

  for(var ct1 = 0 ; ct1 < document.forms.length; ct1++){

    if(document.forms[ct1].name == "form1"){

        for(var ct2 = 0; ct2 < document.forms[ct1].elements.length; ct2++){

        if(document.forms[ct1].elements[ct2].name == "select1" ){

          /*En teoria podria añadir el evento onchange con

          select_node.setAttribute("onchange","show_selectedIndex()")

          pero en IE no funciona

          */

          document.forms[ct1].elements[ct2].onchange= show_selectedIndex

         }

        

      }

    }

  }

}

 
function show_selectedIndex(){

alert(this.options[this.selectedIndex].value)

 
}

 
 
//-->

</script>

 
 
</body>

</html>

Espero que te sirva, un saludo.