Link appare se è corretta l'estensione del file

**Bono** · 30-01-2007, 12:38

Ciao, spero possiate aiutarmi
vorrei fare apparire un bottone ASCOLTA solo se il link richiama un file mp3, come posso fare?
grazie

**fcaldera** · 30-01-2007, 13:00

puoi spiegare meglio la situazione?

Tu hai una pagina con un certo numero di link e vorresti che vicino a questi apparisse automaticamente un pulsante se il link è un mp3, ho capito bene?

Se è così prova questo

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>xhtml 1.0</title>
    </head>
    
    <script type="text/javascript">
    // <![CDATA[
    
        window.onload = function() {
            _aels = document.getElementsByTagName('a');
            for (var i=0; i<_aels.length; i++) {
                var link = _aels[i];
                var parentnode = link.parentNode;
                    
                if (/\.mp3(\?.+)?$/i.test(link.href)) {
                    createButton(link, parentnode);
                }
            }
        }
        
        function createButton(link, pn) {
            btt = document.createElement('button');
            btt.className = 'btt_ascolta';
            btt.value = "Ascolta";
            btt.innerHTML = "Ascolta";
            
            btt.onclick = function() {
                alert("fai qualcosa con\n" + link.href);
            }
            pn.appendChild(btt);
        }
    // ]]>
    </script>

<body>

    <ul>[*]Link a mp3[*]Link[*]Link[*]Link a mp3[/list]
</body>
</html>

**Bono** · 30-01-2007, 19:07

grazie x la risposta e scusa se non sono stato chiaro, faccio un esempio
vorrei che se il file fosse un mp3 apparisse la scritta Ascolta mentre se ad esembio fosse un mp4 apparisse la scritta Guarda
l
grazie

**fcaldera** · 30-01-2007, 19:21

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>xhtml 1.0</title>
    </head>
    
    <script type="text/javascript">
    // <![CDATA[
    
        window.onload = function() {
            _aels = document.getElementsByTagName('a');
            for (var i=0; i<_aels.length; i++) {
                var link = _aels[i];
                var parentnode = link.parentNode;
                    
                if (/\.mp3(\?.+)?$/i.test(link.href)) {
                    createButton(link, parentnode, "ascolta");
                }
                if (/\.mp4(\?.+)?$/i.test(link.href)) {
                    createButton(link, parentnode, "guarda");
                }
            }
        }
        
        function createButton(link, pn, label) {
            btt = document.createElement('button');
            btt.className = 'btt_ascolta';
            btt.value = label;
            btt.innerHTML = label;
            
            btt.onclick = function() {
                alert("fai qualcosa con\n" + link.href);
            }
            pn.appendChild(btt);
        }
    // ]]>
    </script>

<body>

    <ul>[*]Link a mp3[*]Link[*]Link[*]Link a mp3[/list]
</body>
</html>

Discussione: Link appare se è corretta l'estensione del file

Strumenti discussione

Ricerca discussione

Visualizza

Link appare se è corretta l'estensione del file

Permessi di invio