Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    88

    inserire più comandi sull'evento onclick

    Premetto che sono assolutamente nuovo a javascript.

    Sto cercando di usare scipt.aculo.us ma ho un piccolo problema. richiamo la funzione con un click su un link, e fin qui tutto a posto. Ma con lo stesso click dovrei anche modificare una propiet dei css nel frattempo. Il mio codice è questo:
    codice:
    <p id="my_par" class="more">
    
    close  </p> 
    testotestotestotestotestotestotestotestotesto
    more...
    In pratica questo fa conparire il testo contenuto nel paragrafo, che fino a prima del click (collegato alla funzione BlindDown (ultima righa), e ha nei css la propietà "display: none;"

    E funziona. L'unica cosa vorrei fare in modo che la seconda istruzione (quella sotto l'evento onmouseover) fosse attivata anche lei dai clic.

    Spero di essere stato chiaro e che qualcuno abbia una soluzione..

    Grazie mille in aniticpo..
    DuMbSiM
    --
    Versati un altro bicchiere di vino, accenditi quella strana sigaretta. Ogni cosa e' perdonata ancora prima che tu la faccia.

  2. #2
    tu lo sai vero che prototype.js ha un metodo apposito per associare gli eventi ad un elemento?

    Codice PHP:
    <p id="my_par" class="more">
    testotestotestotestotestotestotestotestotesto
       
    <a href="javascript:void(0);" class="closeLink">
          
    close
       
    </a>
    </
    p
    [
    url="javascript:void(0);"]more...[/url]
    <
    script type="text/javascript">
    Event.observe(window'load', function(){
       var 
    allMore = $$('.more');
       $$(
    '.closeLink').each(function(sindex){
          
    s.observe('click', function(){
             new 
    Effect.BlindUp (allMore[index]);
          })
       })
       $$(
    '.moreLink').each(function(sindex){
          
    s.observe('click', function(){
             new 
    Effect.BlindDown (allMore[index], {
                
    afterFinish : function(){
                   
    allMore[index].setStyle('display','block');
                }
             });
          })
       })
    })
    </script> 
    Dovrebbe andare anche se ne metti diversi nella stessa pagina, basta che metti class="more" al

    che deve aprirsi e chiudersi col blind, class="closeLink" al link che deve chiudere il

    , e class="moreLink" al link che deve aprirlo
    I DON'T Double Click!

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    88
    Ho provato a copiare e incollare il codice in una pagina... ma non funziona...

    Devo cambiare qualcosa? Potresti spiegarmi in particolare cosa fa?

    Grazie mille per l'aiuto...
    DuMbSiM
    --
    Versati un altro bicchiere di vino, accenditi quella strana sigaretta. Ogni cosa e' perdonata ancora prima che tu la faccia.

  4. #4
    quel tag BBCode mette un trattino dove non dovrebbe...

    java-script:void(0);

    invece è
    javascript:void(0);
    I DON'T Double Click!

  5. #5
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    88
    Si quello l'avevo visto ma non funziona lo stesso...
    DuMbSiM
    --
    Versati un altro bicchiere di vino, accenditi quella strana sigaretta. Ogni cosa e' perdonata ancora prima che tu la faccia.

  6. #6
    hai caricato Prototype e Scriptaculous(con gli effects)?
    I DON'T Double Click!

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.