training rosa
🔥25% DESCUENTO🔥 HOSTING WORDPRESS Grupo SEO TELEGRAM [Click Aquí]
Resultados 1 al 9 de 9

Tema: Duda por innerHTML y Ajax con javascript

  1. #1
    nicolas2 está desconectado Registrado
    Rango: Google es mi amigo

    User Info Menu

    Question Duda por innerHTML y Ajax con javascript

    A grandes rasgos tengo el siguiente código de ejemplo

    Código:
    function Mifuncion(){
    	target = document.getElementById ('area');
    	if (target) {
    		target.innerHTML = '<p>Prueba</p>';
    	}
    }

    Al ejecutar Mifuncion() y se cambia el contenido del DIV llamado "area".

    Perfecto, pero que pasa si yo agrego a esta línea lo siguiente:

    Código:
    target.innerHTML = '
    <p>Prueba</p>
    <script type="text/javascript"><!--
    alert("mensaje");
    //-->
    </script>';

    Mi pregunta es porque este nuevo javascript no se ejecuta al cargar el componente innerHTML. Será que el navegador solo interpreta javascript una vez que se carga la página, al principio?

    Existe alguna otra manera de hacer que funcione ese ' alert("mensaje");'??

    (por supuesto que esto es tan solo un ejemplo y lo que realmente quiero hacer es ejecutar otras funciones javascript en lugar de ese mensaje)

    saludos y gracias

  2. #2
    Leonardo Invitado

    Predeterminado

    Nico, no soy experto js, pero mepa que el problema ahí es que estás llamando a un alert sin usar un evento tipo onchange, onclick bla bla bla
    Y otra, no te fíes del innnerHTML, es algo propietario de IE :-x

  3. #3
    nicolas2 está desconectado Registrado
    Rango: Google es mi amigo

    User Info Menu

    Predeterminado

    Cita Iniciado por Leonardo Ver Mensaje
    Nico, no soy experto js, pero mepa que el problema ahí es que estás llamando a un alert sin usar un evento tipo onchange, onclick bla bla bla
    Y otra, no te fíes del innnerHTML, es algo propietario de IE :-x
    Hola, si pero lo que estoy buscando es una forma que al cargar el nuevo contenido del DIV con innnerHTML y luego se ejecute automáticamente el "alert". Esto sería sin un evento de clic o similar.

    PD. Si ya se, para la próxima me cambio a DOM, vaya a saber uno cuanto tiempo sigue funcionado innnerHTML

    saludos

  4. #4
    animal está desconectado Registrado
    Rango: Google es mi amigo

    User Info Menu

    Predeterminado

    Código:
    function Mifuncion(){
    	target = document.getElementById ('area');
    	if (target) {
    		target.innerHTML = '<p>Prueba</p>';
                    alert('mensaje');
    	}
    }

  5. #5
    nicolas2 está desconectado Registrado
    Rango: Google es mi amigo

    User Info Menu

    Predeterminado

    Cita Iniciado por animal Ver Mensaje
    Código:
    function Mifuncion(){
    	target = document.getElementById ('area');
    	if (target) {
    		target.innerHTML = '<p>Prueba</p>';
                    alert('mensaje');
    	}
    }
    Grande animal!
    pero como dije antes "alert" no es más que un ejemplo de otra funcion que necesito llamar pero no desde el javascript sino desde la página, luego de haber sido modificada con el innerHTML.

    concretamente necesito llamar a otro archivo, algo como :
    <div id="area">
    <script language='Javascript' src='http://...archivo.php'></script>
    </div>

    pero esta línea: <script language='Javascript' src='http://...archivo.php'></script> o el ejemplo alert('mensaje'); no parecen procesarse, por el compilador de javascript del navegador.

  6. #6
    animal está desconectado Registrado
    Rango: Google es mi amigo

    User Info Menu

    Predeterminado

    Entonces como te decía Leo,necesitas dispararlo con un evento.
    Tenés que buscar la manera de hacer lo que queres con ajax o ingeniártelas para insertar un iframe que llame a tu archivo php y que ejecute en el evento "onload" el script que necesitas, pero no se si va a servir en el contexto de tu aplicación, tendrías que probarlo

  7. #7
    Avatar de TaLu
    TaLu está desconectado Registrado
    Rango: Soy accionista de Google!!

    User Info Menu

    Predeterminado

    Nico, yo anduve metiendo mano el código ajax pero ahora descubrí jQuery y la verdad es mucho más fácil de usar para estos temas. Saludos.

    PD: Fijate en www.conversormonedas.com si es lo que querés hacer, el resultado se carga desde un php diferente al index que hace la consulta, si es eso, te paso el código con jquery.

  8. #8
    nicolas2 está desconectado Registrado
    Rango: Google es mi amigo

    User Info Menu

    Predeterminado

    animal: me parece q la idea del iframe puede funcionar! voy a probar.

    talu: por ahora no me he metido con jquery pero para la próxima arranco! (muy buena la aplicación! creo q el quique ya la difundió por twitter )

    saludos

  9. #9
    Avatar de TaLu
    TaLu está desconectado Registrado
    Rango: Soy accionista de Google!!

    User Info Menu

    Predeterminado

    Gracias Nicolas, fijate que no es nada difícil de usar, justamente se trata de un div dentro del cual se inserta el html de otra página.

    Código:
    # Esto en la página donde querés que aparezca el resultado
    
    <div id="resultado"><img id="cargador" src="loader.gif" alt="Cargando ..." style=" display:none;"/></div>
    
    # Este es el js que hace el trabajo, podés ponerlo en un .js aparte o en la misma página
    
    	$(document).ready(function() { 
    			
    		var opciones = {
    		target: '#resultado',
    		beforeSubmit: mostrarLoader,
    		success: mostrarRespuesta
    		}; 
    		 
    		$('#FormName').ajaxForm(opciones); 
    
    		function mostrarLoader(){
                  $('#cargador').fadeIn('slow');
    	    };
    
    		function mostrarRespuesta(responseText){
    			  $('#cargador').fadeOut('slow');
            };
    
    	});
    Esto sucede al enviar un form (FormName). Acá te dejo las librerías de jquery necesarias que las llamás en el html principal, en el head.

    http://www.conversormonedas.com/js/jquery.form.js
    http://www.conversormonedas.com/js/jquery.js

    Saludos.

Temas Similares

  1. url saturada (php -->ajax-->javascript)
    Por aukun en el foro General SoyWebmaster
    Respuestas: 0
    Último Mensaje: 23/11/2013, 16:50
  2. Sur Bs. As. PROGRAMADOR PHP, AJAX, JavaScript, HTML, XML....
    Por romina08 en el foro Otros Negocios por Internet
    Respuestas: 0
    Último Mensaje: 17/11/2011, 19:51
  3. Ofrecemos Programacion Php, Mysql (Ajax - Javascript) PRO
    Por Carlitos Gardel en el foro Webmasters Porno
    Respuestas: 3
    Último Mensaje: 10/05/2007, 22:21
  4. Ajax
    Por Achorro en el foro Webmasters Porno
    Respuestas: 1
    Último Mensaje: 21/02/2006, 20:21
  5. duda javascript
    Por Achorro en el foro Webmasters Porno
    Respuestas: 10
    Último Mensaje: 06/06/2005, 19:58

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •  

Otros Foros de Interés

Curso SEO - Foro SEO - Foro Programacion - Foro Diseño Web - Intercambio de Enlaces - Negocios por Internet - Como Ganar Dinero - Foro Hosting - Foro Apuestas Deportivas

ÚLTIMOS ARTÍCULOS DEL BLOG SEO DE DAVID AYALA

MEGA GUÍA SEO AutoPilot (Link Building Automático)
Cómo adecuar cualquier tipo de web al RGPD [DE MANERA PRÁCTICA]
Cómo gestionar el tiempo en el trabajo (y cómo lo hago yo)
La PUTA realidad del SEO (Qué es el SEO de verdad)
Usamos cookies que analizan hábitos de comportamiento y navegación que aceptas al navegar aquí. Política de privacidad | Cookies | Aviso legal