Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    21

    setAttribute e Explorer

    Ciao, ho appena iniziato a programmare in Javascript/DOM e tanto per iniziare mi piacerebbe realizzare un script molto semplice, che al click su un link renda visibile un immagine e ne cambi il src.

    ecco il mio codice:

    Codice PHP:
    <!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>
    <
    title>prova</title>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <
    script type="text/javascript">

    function 
    boxpreview() {
        var 
    document.getElementById("box_preview");
        
    e.setAttribute("src""images/4.jpg");
        
    e.setAttribute("style""display: inline;");
    }


    </script>

    </head>
    <body>



    [*][url="#"]Nox[/url]


    [img]images/2.jpg[/img] 


    </body>
    </html> 
    il problema è che funziona su Safari e Firefox ma non su Explorer per PC...cos'è che sto sbagliando?

    grazie mille!

    Augusto

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    lo stile non e' propriamente un attributo, almeno per IE
    non c'e' problema a settarlo in questo modo
    e.style.display='inline'
    ciao

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    21
    grazie mille Xinod,

    visto che sei così gentile ti chiedo anche un altro consiglio....

    questi sono gli elementi del mio html:


    Codice PHP:
          [*][url="#"]Nox[/url]
        [*][
    url="#"]Nox Magnum[/url]
       
           [
    img]images/5.jpg[/img

    mentre il mio script è:

    Codice PHP:
    <script type="text/javascript">


    function 
    preview_over(id_el) {
        var 
    = $("box_preview");
        
    e.setAttribute("src""images/" id_el ".jpg"); 
        
    e.style.display='inline';
    }

    function 
    preview_out() {
        var 
    document.getElementById("box_preview");
        
    e.style.display='none';
    }


      $(
    'nox').addEvent('mouseover'preview_over('nox'));
      $(
    'nox').addEvent('mouseout',  preview_out());
      $(
    'nox_magnum').addEvent('mouseover'preview_over('nox_magnum'));
      $(
    'nox_magnum').addEvent('mouseout',  preview_out());


    </script> 

    ma non funziona niente...sai darmi una mano?

    grazie ancora,
    Augusto

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    Originariamente inviato da Phishman
    ma non funziona niente...
    Augusto, ma nel documento e' presente la funzione $? e quella addEvent?
    entrambi sono costrutti del tutto arbitrari, non nativi di javascript

    sarebbe tutto piu' semplice se pubblicassi la pagina da qualche parte e lasciassi qui il link
    ciao

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    21
    ho risolto! comunque $ e addevent li usavo con mootools.

    grazie mille comunque!

    a presto,
    Augusto

  6. #6
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    e dove sbagliavi?
    potrebbe interessare altri

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.