Tema: Select + Insert
Ver Mensaje Individual
  #12 (permalink)  
Antiguo 06/01/2010, 10:05
lastunikorn
 
Fecha de Ingreso: julio-2008
Mensajes: 21
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: Select + Insert
Estoy usando Firefox.
ahí va mi pastelada:
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head lang="" xml:lang="">
  5. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  6. <title>PELITECA</title>
  7. <link  rel="stylesheet" type="text/css" href="css/basic.css" />
  8. <script type="text/javascript" src="Javascript/jquery-1.3.2.js"></script> 
  9. <script type="text/javascript" src="Javascript/funciones.js"></script> 
  10.  
  11.  
  12. </head>
  13. <body>
  14.     <div id="cabezera">
  15.     <div class="opaco" style="margin-top: 10px; margin-left: 35px;">
  16.  
  17.         <img width="25%;" title="PELITECA;" src="Imagenes/PELITECA.gif"  alt="PELITECA"/> 
  18.     </div>
  19.     <div class="transparente" style="border-bottom: solid 1px;">
  20.     </div>
  21. </div> 
  22.     <html xmlns="http://www.w3.org/1999/xhtml">
  23. <div id="menu">
  24.     <div class="opaco" style="padding-left:40px; width: 200px; float: left; height: 600px;">
  25.         <div class="link mt10"><a href="#;" title="Introducir película">NUEVA PELÍCULA</a></div>
  26.         <div class="link mt10"><a href="#;" title="Lista de películas">LISTADO DE PELÍCULAS</a></div>
  27.  
  28.     </div>
  29.     <div class="transparente" style="width: 20%; float: left; height: 600px; border-right: solid 1px;"></div>
  30. </div> 
  31.     <div id="contenido">
  32.         <div style="width: 79.9%; float: left; height: 600px;">
  33.             <div id="subtitulo" style="text-align:center; width:100%; text-indent:inherit" >
  34.                 <h1>Introducir Nueva Película<h1>
  35.             </div>
  36.             <div id="formulario" style="background-color:#CCCCCC; width:90%; margin-left:60px;">
  37.  
  38.                 <div style="padding:10px;">         
  39.                     <form id="introducir"  method="post" action="funciones/insertarPeli.php">
  40.                         <div class="filaForm">
  41.                             <div> <label for="titulo"> Título: </label>  </div>
  42.                             <div> <input type="text" maxlength="200" name="titulo"/> </div>
  43.                         </div>
  44.  
  45.                         <div class="filaForm">
  46.                             <div> <label for="anyo"> Año: </label>  </div>
  47.                             <div> <input type="text" maxlength="4" id="anyo" name="anyo"/> </div>
  48.                         </div>
  49.                         <div class="filaForm">
  50.                             <div> <label for="duracion"> Duración: </label>  </div>
  51.  
  52.                             <div> <input type="text" maxlength="4" id="duracion" name="duracion"/> </div>&nbsp;minutos
  53.                         </div>
  54.                         <div  class="filaForm">
  55.                             <div> <label for="pais"> País: </label>  </div>
  56.                             <div id="zonaPais"> 
  57.                                 <select style='float:left;'id= 'pais' name='pais' onchange='javascript:insertar_nuevo_pais()'><option value='-'>Escoje una opción</option><option value='00'>- Añadir otro país -</option><option selected value='11'>BACABURRRA<option selected value='12'>BACABURRRA2<option selected value='13'>BACABURRRA3<option selected value='14'>BACABURRRA4<option selected value='15'>BACABURRRA5<option selected value='17'>BACABURRRA6<option selected value='16'>BACABURRRA6<option selected value='4'>Catalunya<option selected value='3'>España<option selected value='6'>Francia<option selected value='8'>Francia<option selected value='7'>Francia<option selected value='5'>Italia<option selected value='9'>nexus<option selected value='1'>Portugal<option selected value='2'>USA<option selected value='10'>vivivivivivi</select>                          </div>  
  58.                             <div id="insertar_pais" style="margin-left:5px;float:left;display:none; width: 200px;"> 
  59.                                 <input type="text" id="paisNuevo" name="paisNuevo" />
  60.  
  61.                                 <button style= "float:none;margin-left:5px;" type="button" onclick="javascript:inesrtarPais()"> + </button>
  62.                             </div>
  63.                         </div>
  64.                         
  65.                         <script type="text/javascript">
  66.                         function insertar_nuevo_pais(){
  67.                                 if($("#pais").val()==00){
  68.                                     $("#insertar_pais").show();
  69.                                     $("#pais option:eq(0)").attr("selected", "selected");
  70.                                 }else {
  71.                                     $("#insertar_pais").hide();
  72.                                 }
  73.                             }
  74.                             
  75.                         function inesrtarPais(){
  76.                             var pais = document.getElementById("paisNuevo").value; // aqui esta la var nombre_div
  77.                             ajax = getXMLHttpRequest();
  78.                             ajax.onreadystatechange = function() {
  79.                                 if(ajax.readyState == 4) {
  80.                                     cont.innerHTML = ajax.responseText;
  81.                                 }
  82.                             }
  83.                             //ajax.open('GET', 'funciones/insertarPais.php?paisNuevo=' +pais , false);
  84.                             //ajax.send(null);      
  85.                             $.post('funciones/insertarPais.php', {'paisNuevo': pais}, callback:function(){
  86.                                 regarga();
  87.                                 
  88.                             });
  89.                                             
  90.                             //var valido=ajax.responseText;
  91.                             
  92.                         //  if (valido=="OK "){
  93.                                 
  94.                                 
  95.                                                                 
  96.                             //  }
  97.                                 
  98.                             /*  var getNuevoCombo=$("#paisNuevo").val();    
  99.                                 getNuevoCombo="<option value='XX' selected='true'>"+getNuevoCombo+"</option>";
  100.                                 $("#pais").append(getNuevoCombo);
  101.                                 $("#insertar_pais").hide();
  102.  
  103.                                 */}
  104.                             function recarga()  {
  105.                             $("#insertar_pais").hide();
  106.                                 $("#zonaPais").html("<select style='float:left;'id= 'pais' name='pais' onchange='javascript:insertar_nuevo_pais()'><option value='-'>Escoje una opción</option><option value='00'>- Añadir otro país -</option><option selected value='11'>BACABURRRA<option selected value='12'>BACABURRRA2<option selected value='13'>BACABURRRA3<option selected value='14'>BACABURRRA4<option selected value='15'>BACABURRRA5<option selected value='17'>BACABURRRA6<option selected value='16'>BACABURRRA6<option selected value='4'>Catalunya<option selected value='3'>España<option selected value='6'>Francia<option selected value='8'>Francia<option selected value='7'>Francia<option selected value='5'>Italia<option selected value='9'>nexus<option selected value='1'>Portugal<option selected value='2'>USA<option selected value='10'>vivivivivivi</select>");
  107.                                 
  108.                                 }
  109.                             
  110.                         </script>
  111.                         
  112.                         
  113.                         <button type="submit" value="Enviar"> Enviar </button>
  114.                         
  115.                     </form>         
  116.                 </div>
  117.  
  118.             </div>
  119.         </div>      
  120.     </div>  
  121. </body>
  122. </html>