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

    Come grabbare un testo nel body e convertirlo in img

    Salve a tutti,

    ho un esigenza forse un po strana ma che sono sicuro qualcuno di voi potrà risolvere in 4 e 4 8!

    Qualche tempo fa, sempre qui nel forum, trovammo una soluzione al mio problema di sostituire una gif differente a secondo se nella pagina veniva scritto un numero da 1 a 50 o da 51 a 100 o da 101 a 150.

    Questo mi occorreva per inserire automaticamente l'immagine di un semaforino su un negozio di commercio elettronico, a secondo della disponibilità a magazzino della merce
    ( esempio: disponibilità: 12 = semaforinogiallo.gif, disponibilità :12 = semaforinoverde.gif)

    Di sefuito posto il risultato che ottenemmo.



    <HTML>
    <HEAD>
    <script language="JavaScript">

    function disp_img(){
    if(!document.body
    ||!document.body.innerHTML)
    return;

    var inn = document.body.innerHTML;

    var sost = inn.match(
    /disponibilità:\s[\d]+/ig);
    if(!sost)return;

    for(var j=0; j<sost.length; j++){

    var num = parseInt(sost[j].replace(
    /([^\d]+)(\d+)$/,"$2"));

    var img =
    (num==0)?'daordinare.gif':
    (num>0 && num<=50)?'da1a50.gif':
    (num>50 && num<=100)?'da51a100.gif':
    (num>100 && num<150)?'da101a150.gif':
    'oltre150.gif';

    inn = inn.replace(/disponibilità:\s[\d]+/,
    "<IMG SRC=\""+img+"\" ALT=\""+num+"\">");}
    document.body.innerHTML = inn;
    }

    </script>
    </HEAD>
    <BODY onLoad="disp_img()">
    disponibilità: 96 disponibilità: 135 testo testo testo disponibilità: 0 testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo disponibilità: 50 testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo
    </BODY>
    </HTML>

    ------

    VENIAMO AD OGGI:

    Vorrei una mano per qualcosa di + semplice:

    Mi occorrerebbe un script che semplicemente legesse come il precedente nella pagina, e sostituisse una specifica parola con una gif. Mi spiego: vorrei che se nella pagina html si trova la parola ad esmpio ziopino lui sostituisse questa parola con ziopino.gif, se invece trova ziogino con ziogino.gif e se infine trova ziorino con ziorino.gif.

    Grazie a tutti coloro che vorranno aiutarmi.


    -----------

    PS x il moderatore:
    non ho trovato il regolamento ma immagino che il problema era nel titolo... sorry!

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    function disp_img(){
    if(!document.body
    ||!document.body.innerHTML)
    return;

    var inn = document.body.innerHTML;

    inn = inn.replace(/ziopino/ig, "<img src=\"ziopino.gif\">");
    inn = inn.replace(/ziogino/ig, "<img src=\"ziogino.gif\">");
    document.body.innerHTML = inn;
    }

    ciao

    ps: il regolamento e' la prima discussione della lista...
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Grazie innanzitutto per l'interessamento.
    Ho creato la pagina come da te proposto ma nulla accade ... le parole ziopino e ziogino non vengono sostituite con le due gif relative.

    ecco il mio codice:

    ------

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <head>
    <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
    <meta name="generator" content="Adobe GoLive 6">
    <title>yes</title>
    <script language="JavaScript">
    function disp_img(){
    if(!document.body
    ||!document.body.innerHTML)
    return;

    var inn = document.body.innerHTML;

    inn = inn.replace(/ziopino/ig, "<img src=\"ziopino.gif\">");
    inn = inn.replace(/ziogino/ig, "<img src=\"ziogino.gif\">");
    document.body.innerHTML = inn;
    } </script>

    </head>

    <body bgcolor="#ffffff">




    ciao ziopino sono tuo rino il cugino di ziogino ... come sta tonino lo spazzacamino??</p>
    </body>

    </html>

    ------

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Questo l'hai postato tu...

    <BODY onLoad="disp_img()">

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Hoops ;-))

    grazie infinite

    PS: possa tu campare 100 anni

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.