/
Inicio :: Foros

 F.A.Q.F.A.Q.                  Conéctese para revisar sus mensajesConéctese para revisar sus mensajes   

Repetir código en html/javascript

 
      Índice del Foro elrincondelc.com -> Otros lenguajes
Ver tema anterior :: Ver siguiente tema  
AutorMensaje
Requiem



Registrado: 11 Abr 2006
Mensajes: 706

MensajePublicado: 22/09/2013 8:36 am
Título: Repetir código en html/javascript

Hola a todos,
Estoy reformando mi blog: http://lordpakus.blogspot.com.es/ pero ahora me encuentro con un problema... Cada vez que escribo un nuevo artículo tengo que linkarlo manualmente en otros 10 o 15 artículos del mismo tipo. alguien sabe de alguna manera en que ponga el código html en algún sitio y que se replique para al resto de artículos.??

Lo he estado mirando con javascript de hacer algo del estilo:
<script type='text/javascript'>
var menuEjemplos="<li><a href='http://lordpakus.blogspot.com.es/p/ejemplos-de-cc-sencillos.html'> Ejemplos sencillos en C/C++ </a>";
menu+="<ul>";
menu+="<li><a href='http://lordpakus.blogspot.com.es/2013/09/ejemplos-de-cc-sencillos-calcular.html'> Perímetro y área de un circulo </a></li> ";
menu+="<li><a href='http://lordpakus.blogspot.com/2013/09/ejemplos-de-cc-sencillos-histograma-de.html'> Histograma de un arreglo de carácteres sin if ni case </a></li>";
menu+="<li><a href='http://lordpakus.blogspot.com/2013/09/ejemplos-de-cc-sencillos-resolucion-de.html'> Resolución de ecuaciones de segundo grado </a></li>";
menu+="<li><a href='http://lordpakus.blogspot.com/2013/09/ejemplos-de-cc-sencillos-operaciones.html'> Operaciones matemáticas básicas </a></li>";
menu+="<li><a href='http://lordpakus.blogspot.com/2013/09/ejemplos-de-cc-sencillos-factura.html'> Facturación sencilla </a></li>";
menu+="<li><a href='http://lordpakus.blogspot.com/2013/09/ejemplos-de-cc-sencillos-interseccion.html'> Intersección recta- circunferencia </a></li>";
menu+="<li><a href='http://lordpakus.blogspot.com/2013/09/ejemplos-de-cc-sencillos-transcribir.html'> Transcribir números a letras </a></li>";
menu+="<li><a href='http://lordpakus.blogspot.com/2013/09/ejemplos-de-cc-sencillos-calculo-de.html'> Cálculo de interés bancario </a></li>";
menu+="<li><a href='http://lordpakus.blogspot.com/2013/09/ejemplos-de-cc-sencillos-ascii-art.html'> ASCII Art </a></li>";
menu+="</ul>";
menu+="</li>";
</script>

Y entonces donde yo quiero repetir el código le pongo lo siguiente:
<script>
document.write(menuEjemplos);
</script>

Pero no hay manera que me funciona correctamente.

Alguien que sepa de html que me quiera echar una mano??

Gracias a todos
_________________
Volver arriba
polly



Registrado: 19 Jul 2007
Mensajes: 618

MensajePublicado: 26/10/2013 3:52 am
Título:

Una mejor alternativa sería:

Código:

<html>
   <head>
      <script type='text/javascript'>
        var links = [
          { link : "http://milink.com",
            descripcion: "Mi descripcion"
          }, 
          { link: "http://milink2.com",
            descripcion: "Mi descripcion 2"
          }
        ];

        function plantilla(link, descripcion) {
           return "<li><a href='/nuevorincon/foros/%22%20%20%20link%20%20'>" + descripcion + "</a></li>";
        }

        var html = "<ul>";
        for (var i = 0; i < links.length; i += 1) {
            html += plantilla(links[i].link, links[0].descripcion);
        }
        html += "</ul>";

        document.write(html);
      </script>
   </head>
   <body>
   </body>
</html>



Guardas los enlaces y sus descripciones en el objeto "links". La función "plantilla" genera en enlace y luego iteras el objecto "links" para imprimirlo.
Aunque el uso de "document.write" está desaconsejado (creo que borra todo el contenido de la página y escribe lo que pases como parámetro). De manera que te recomiendo que uses la API DOM o si quieres algo más fácil usa jQuery.

Y ya que has mencionado que estás renovando tu blog, te recomiendo que eches un vistazo a http://pages.github.com/. Puedes crearte una cuenta en GitHub y tendrás gratis un dominio "nombredeusuario.github.io". La única pega es que solo puedes subir contenido estático (html+css+javascript) y nada de php por ejemplo.
_________________
enrmarc
Volver arriba
      Índice del Foro elrincondelc.com -> Otros lenguajes
Página 1 de 1Todas las horas están en GMT - 8 Horas

 
No puede crear mensajes
No puede responder temas
No puede editar sus mensajes
No puede borrar sus mensajes
No puede votar en encuestas

(c) ElRincondelC.com

Un proyecto de UrlanHeat.com