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

    errore in scriptaculous:effect is not defined

    ciao a tutti... ecco il mio problema
    sto usando drupal nella versione 5.3.... come sappiamo drupal usa jquery come libreria predefinita... ora io ho voluto installare la libreria di scriptaculous ma per farlo mi è stata richiesta anche quella prototype....
    purtroppo prototype e jquery non possono coesistere, l'unico modo per farle lavorare insieme è quello di ridefinire il codice di prototype... mbè io non l'ho fatto in quanto non sono molto esperto di javascript ed allora ho trovato la libreria prototype già bella pronta, modificata da scaricare in questo indirizzo: http://xhochy.org/en/2007/03/18/usin...with-drupal-5/

    bene a questo punto non ricevo + errore nel firebug le librerie possono vivere insieme...
    ora il punto è questo, nel momento che vado a scrivere nel codice xhtml un azione che mi modifichi il div con questo effetto
    codice:
    <div id="mainMenu" onclick="Effect.Fade(this)">
    il firebug mi segnala questo errore:

    effect is not defined onclick(click clientX=0, clientY=0)

    cosa significa ???
    in questo modo ovviamente l'effetto non funziona...
    manumasterone

  2. #2
    Jquery e Prototype possono coesistere: http://docs.jquery.com/Using_jQuery_...ther_Libraries, non che includere in una sola pagina più di un framework sia una buona pratica...
    Per quanto riguarda l'animazione prova con Effect.Fade(this.id);
    Ovviamente l'elemento deve avere un id.

  3. #3
    grazie mega 69

    ecco il codice come l'ho modificato

    codice:
    <div id="mainMenu" onclick="Effect.Fade(this.mainMenu)">
    				
    				<ul class="links-main-menu">
    					<li class="voce-corrente"><a>suburban</a>
    					<li class="link-1">contenitore video
    					<li class="link-2">news
    					<li class="last-link">contatti
    				[/list]
    </div>
    ma niente da fare sempre lo stesso errore...
    cmq io ho importato le librerire di scriptaclulous e prototype con il seguente codice nell'head:
    codice:
    <script type="text/javascript" src="http://localhost/miosito/misc/prototype.js"></script>
        <script type="text/javascript" src="http://localhost/miosito/misc/scriptaculous.js"></script>
    non capisco davvero da cosa dipende... e poi cosa mi consiglieresti per evitare di includere nella stessa pagina + di un framework?
    manumasterone

  4. #4
    Originariamente inviato da manumasterone
    grazie mega 69

    ecco il codice come l'ho modificato

    codice:
    <div id="mainMenu" onclick="Effect.Fade(this.mainMenu)">
    				
    				<ul class="links-main-menu">
    					<li class="voce-corrente"><a>suburban</a>
    					<li class="link-1">contenitore video
    					<li class="link-2">news
    					<li class="last-link">contatti
    				[/list]
    </div>
    ma niente da fare sempre lo stesso errore...
    cmq io ho importato le librerire di scriptaclulous e prototype con il seguente codice nell'head:
    codice:
    <script type="text/javascript" src="http://localhost/miosito/misc/prototype.js"></script>
        <script type="text/javascript" src="http://localhost/miosito/misc/scriptaculous.js"></script>
    non capisco davvero da cosa dipende... e poi cosa mi consiglieresti per evitare di includere nella stessa pagina + di un framework?
    Prima di tutto devi scrivere this.id come ti ho detto io, non devi sostituire a id l'id dell'elemento.

    In ogni caso visto che hai preso in considerazione l'opportunità di usare un solo framework ti consiglio o di usare gli effetti predefiniti di Jquery ( per un fade basta e avanza ), oppure se vuoi qualcosa di più complesso puoi usare il plugin Interface, una sorta di Scriptacolous per Jquery.

    Nel primo caso la sintassi è a dir poco semplice:
    codice:
    <div id="mainMenu" onclick="$(this).hide("slow")">
    In alternativa puoi usare $(this).fadeTo("slow", 0)

    In ogni caso ti consiglio di fare una visitina al sito della documentazione, potresti scoprire delle funzionalità molto utili: http://docs.jquery.com/Main_Page

  5. #5
    sembra che la sintassi sia errata... così mi dice il firebug...

    codice:
    <div id="mainMenu" onclick="$(this).hide("slow")">
    
    <div id="mainMenu" onclick="$(this).fadeTo("slow", 0)">
    ma dentro l'head devo scrivere qualcosa io ho solo collegato lo script nel solito modo:
    codice:
    <script type="text/javascript" src="http://localhost/miosito/misc/jquery.js"></script>
    e cmq l'effetto che vorrei realizzare l'ho descritto nel seguente 3d:
    http://forum.html.it/forum/showthrea...readid=1185924

    adesso sembra che qualcuno mi abbia risposto....

    grazie sempre Mega
    manumasterone

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.