Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    aggiungere dinamicamente immagine ai link

    Ciao, su un articolo di HTML.it ho trovato questo script:

    codice:
    <script type="text/javascript" language="Javascript">
    function modificaLink() {
    var links = document.getElementsByTagName('a');
    for (i = 0; i < links.length; i++) {
    var link = links[i];
    url = links[i].getAttribute('href');
    
    if (url.substring(url.length-3, url.length)=='zip') {
    icona = document.createElement('img');
    icona.setAttribute('src', 'zip.gif');
    icona.setAttribute('alt', 'File zip');
    link.appendChild(icona);
    }
    else if (url.substring(url.length-3, url.length)=='pdf') {
    icona = document.createElement('img');
    icona.setAttribute('src', 'pdf.gif');
    icona.setAttribute('alt', 'Documento PDF');
    link.appendChild(icona);
    }
    
    }
    }
    window.onload = modificaLink;
    </script>
    però a me funziona solo su opera :master: :master:

    qualcuno ha qualche suggerimento??

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    se lasci il link a questo articolo possiamo + facilmente confermare o smentire,
    a occhio la compatibilita' con i browser moderni dovrebbe essere pressocche' totale

  3. #3
    Grazie xinod per il tuo intervento, ho appena capito l'errore e stavo postando proprio ora...

    è vero, lo script è compatibile con tutti i browser, tuttavia ho notato che in Firefox la presenza di ancore di questo tipo:

    codice:
    <a name="nome_ancora">anchor text</a>
    manda in errore lo script, per ora ho risolto aggiungendo l'attributo
    codice:
    href="#"
    direttamente nel codice html per evitare l'errore, ma mi piacerebbe che lo script potesse superare questo scoglio senza intervenire nel codice HTML...

    potresti aiutarmi.... ??

  4. #4
    nessuno ha qualche suggerimento??

  5. #5
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    codice:
    <script type="text/javascript" language="Javascript">
    function modificaLink() {
    var links = document.getElementsByTagName('a');
    for (i = 0; i < links.length; i++) {
    var link = links[i];
    url = links[i].getAttribute('href');
    
    if(url){
    
    if (url.substring(url.length-3, url.length)=='zip') {
    icona = document.createElement('img');
    icona.setAttribute('src', 'zip.gif');
    icona.setAttribute('alt', 'File zip');
    link.appendChild(icona);
    }
    else if (url.substring(url.length-3, url.length)=='pdf') {
    icona = document.createElement('img');
    icona.setAttribute('src', 'pdf.gif');
    icona.setAttribute('alt', 'Documento PDF');
    link.appendChild(icona);
    }
    }
    }
    }
    window.onload = modificaLink;
    </script>

  6. #6
    semplicemente grazie!!!!

    tutto funziona a meraviglia

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    no problem
    ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.