Andylat Weblog Rotating Header Image

Cambiar Texto Sin Refrescar Pagina

El Problema:

Tengo una pagina en la cual hay un meno, este menu carga en un contenedor la opcion que se elija sin refrescar la pagina principal, para esto utilizo un Iframe como contenedor. El problema era al seleccionar una opcion (vinculo/link) me refrescara en la pagina principal la opcion a la que el usuario accediera

La Solucion:

Agregar en el evento onClick una llamada a una funcion en Javascript que cambiara el texto de la seccion determinada

Ingredientes:

  • Etiqueta Vinculo
  • 	<li><a onclick="cambiaTexto('Categoria /  / Nombre Pagina Destino')" href="Ruta/PaginaDestino.asp" target="NombreIframe">Pagina Destino</a></li>
  • Javascritp
  • <script language="javascript">
    		function cambiaTexto(TextoACambiar)
    		{
    			document.getElementById('NombreEtiquetaACambiar').lastChild.nodeValue = 'Usted se encuentra en : ' + TextoACambiar
    		}
    </script>
  • Objeto Contenedor
  • <strong id="NombreEtiquetaACambiar">Usted se encuentra en : Inicio</strong>

    1 Solo Comentario para “Cambiar Texto Sin Refrescar Pagina”

    1. #1 Webmaster
      Ago 18th, 2008 a las 13:12

      :alabar:
      Pero ojo, es JavaScript no Javascritp
      XD