al cambiar no funciona el enlace.

PedroRodas · #1 (**permalink**) 18/06/2008, 05:31

TENGO EL SIGUIENTE CODIGO. Y ME FUNCIONA, PERO QUIERO MEJORARLO. PRAR PROBARLO CAMBIARLE LA RUTA DEL ENLACE POR AQUELLA EN LA QUE GUARDEIS EL ARCHIVO:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>VER MAS - PRUEBA</title>
 
<style type="text/css">
.oculto { display: none; }
.visible { display: inline; }
</style>
 
<script type="text/javascript">
function muestra() {
  var elemento = document.getElementById("adicional");
  elemento.className = "visible";
 
  var enlace = document.getElementById("enlace");
  enlace.className = "oculto";
  
  var enlace2 = document.createElement("a"); //Creo nodo de tipo Element
	enlace2.href = "file:///c:/Documents%20and%20Settings/Angeles/Escritorio/Ver_mas.html"
  var contenido = document.createTextNode("Volver");// Creo nodo de tipo Text
  
	enlace2.appendChild(contenido);// Añadir el nodo Text como hijo del nodo Element
 
	document.body.appendChild(enlace2)// Añadir el nodo Element como hijo de la pagina
  }
</script>
</head>
 
<body>
 
<p id="texto">El estallido de la burbuja tecnológica en el otoño de 2001 marcó un momento crucial para la web.
 Mucha gente concluyó que la expectación sobre la web era exagerada[...]<span id="adicional" class="oculto">
 El concepto de 'Web 2.0' comenzó con una sesión de 'brainstorming' realizada entre O'Reilly y MediaLive
 International. Dale Dougherty, pionero de la web y vicepresidente de O'Reilly[...].</span></p>
<a id="enlace" href="#" onclick="muestra(); return false;">Leer m&aacute;s</a> 
 
</body>
</html>

HE INTENTADO MEJORARLO CON ESTE OTRO PERO NO FUNCIONA EL ENLACE UNA VEZ QUE SE HA CAMBIADO EL TEXTO DEL ENLACE POR "VOLVER":

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio 12 - DOM básico y atributos XHTML</title>
 
<style type="text/css">
.oculto { display: none; }
.visible { display: inline; }
</style>
 
<script type="text/javascript">
function muestra() {
  var elemento = document.getElementById("adicional");
  elemento.className = "visible";
 
  var enlace = document.getElementById("enlace");
  
  enlace.href = "http://www.google.es";enlace.innerHTML = 'Volver';
  }
</script>
</head>
 
<body>
 
<p id="texto">El estallido de la burbuja tecnológica en el otoño de 2001 marcó un momento crucial para la web.
 Mucha gente concluyó que la expectación sobre la web era exagerada, cuando de hecho las burbujas y las consiguientes
 crisis económicas parecen ser una característica común de todas las revoluciones tecnológicas.
 Las crisis económicas marcan típicamente el punto en el cual una tecnología en ascenso está lista para ocupar 
 su lugar en el escenario económico. Se descarta a los impostores, las historias de éxito verdaderas muestran su
 fortaleza, y comienza a comprenderse qué separa a los unos de los otros..<span id="adicional" class="oculto">
 El concepto de 'Web 2.0' comenzó con una sesión de 'brainstorming' realizada entre O'Reilly y MediaLive
 International. Dale Dougherty, pionero de la web y vicepresidente de O'Reilly, observaron que lejos de
 'estrellarse', la web era más importante que nunca, con apasionantes nuevas aplicaciones y con sitios web
 apareciendo con sorprendente regularidad. Lo que es más, las compañías que habían sobrevivido al desastre
 parecían tener algunas cosas en común. ¿Podría ser que el derrumbamiento de las punto-com supusiera algún
 tipo de giro crucial para la web, de tal forma que una llamada a la acción tal como 'Web 2.0' pudiera tener
 sentido? Estuvimos de acuerdo en que lo hizo, y así nació la conferencia de la Web 2.0.</span></p>
<a id="enlace" href="#" onclick="muestra(); return false;">Leer m&aacute;s</a> 
 
</body>
</html>

jhonatan_salazar · #2 (**permalink**) 20/06/2008, 15:04

Código PHP:

  <a id="enlace" href="Javascript:muestra();">Leer m&aacute;s</a>

jhonatan_salazar · #3 (**permalink**) 20/06/2008, 15:04

Eso tienes que cambiar