Seite 1 von 1

Problem: Mootools integration/Wechsel von Scriptaculous

Verfasst: Fr 8. Mai 2009, 12:07
von Schneemensch
Ich musste nun von Scriptaculous auf Mootools wechseln und habe bei Links ein Problem. die LoginBox z.b. ist zum aufklappen gewesen (also blinddown und blindup)... der originalcode des modultemplates war also:

Code: Alles auswählen

                            <div id="logindiv" style="width:220px;height:104px;display:none">
                            <h3>{headline}</h3>
                            <form action="{form_action}" method="post">
                                <label for="username">{label_name}</label> <input type="text" id="username" name="username" />
                                <br />
                                <label for="password">{label_pass}</label> <input type="password" id="password" name="password" />
                                <br />
                                <a href="javascript:Effect.BlindUp('logindiv');" style="float:left;">Aus</a>
                                <input id="loginBtn" type="submit" name="login" value="{label_login}" />
                            </form> </div>
                            <div id="effekt" style="display:block;float:left;">
                                <a class="login" href="javascript:Effect.BlindDown('logindiv');">Login</a>
                           </div>
Nun kam ja eine Mootools-JS dazu, das extraskript:

Code: Alles auswählen

function slidein() {
var mySlide = new Fx.Slide('logindiv');
$('slidein').addEvent('click', function(e){
    e = new Event(e);
    mySlide.slideIn();
    e.stop();
});
}
Nun gibts ein Problem mit dem Einbinden des Links... aus dem "a class="login" href="javascript:Effect...." muss nun ein mootools fähiger Link werden
und mit

Code: Alles auswählen

 <a class="login" href="#" onlick="slidein(); return false;">
komm ich da net weiter.
Da kommt als Fehler in der FF-Fehlerkonsole "Slidein is not defined"

Hat jemand eine Idee, wie das geht? Sorry bin ein Noob, war froh dass ich mit Scriptaculous da zurande kam...
Wäre nur super wenn jemand eine Idee hat.

Re: Problem: Mootools integration/Wechsel von Scriptaculous

Verfasst: Fr 8. Mai 2009, 12:13
von MichFress
Schneemensch hat geschrieben: Da kommt als Fehler in der FF-Fehlerkonsole "Slidein is not defined"
Tja, ich würde ja fast sagen, der Browser kennt an der Stelle deine slidein-Funktion nicht. Hast du sie korrekt eingebunden? Browsercache erneuert?

Re: Problem: Mootools integration/Wechsel von Scriptaculous

Verfasst: Fr 8. Mai 2009, 12:36
von Schneemensch
stimmt danke, beim übernehmen der scriptaculouspfade gabs ein problem... behoben aber nun erscheint:
Fehler: Fx.Slide is not a constructor
Quelldatei: http://***.de/cont/cms/js/slider.js
Zeile: 2
das wäre ja hierzu:

Code: Alles auswählen

function slidein() {
var mySlide = new Fx.Slide('logindiv');
$('slidein').addEvent('click', function(e){
    e = new Event(e);
    mySlide.slideIn();
    e.stop();
});
}
Mootools-skript ist aber eingebunden... Sorry für meine unwissenheit, fummel mich grade ins mootools ein und ich gelobe Besserung ;)

PS: Zudem flieg ich dann immer auf die Startseite (was am BaseHref liegt, oder net?) und ich komm da net richtig mit klar.

Re: Problem: Mootools integration/Wechsel von Scriptaculous

Verfasst: Fr 8. Mai 2009, 13:55
von MichFress
Versuch's vielleicht mal mit einem Mootools-Forum... oder halt der Mootools-Dokumentation...

Re: Problem: Mootools integration/Wechsel von Scriptaculous

Verfasst: Fr 8. Mai 2009, 16:35
von homtata
hallo
schau dir mal das script und den quellcode folgender seite an:
http://demos111.mootools.net/Fx.Slide

das script wird anders aufgerufen, als du es gewohnt bist... das javascript wird dir ja komplett zum kopieren angezeigt.
die funktion wird offensichtlich nur durch die vergabe der ID im link über den eventhandler gesteuert:

Code: Alles auswählen

<a id="slideout" href="#">slideout</a>
probier einfach mal damit rum...

Re: Problem: Mootools integration/Wechsel von Scriptaculous

Verfasst: Sa 9. Mai 2009, 11:50
von Schneemensch
Eben das hatte ich versucht, aber allein schon das href=#" führt wegen des Basedirectories zum abbruch bzw springen auf die Startseite... werd nachher maln Forum besuchen deswegen aber notfalls schau ich dass ichs auf Scriptaculous lasse und die Effekte der Seite darauf umschreibe...

Aber danke für die Tipps.

Re: Problem: Mootools integration/Wechsel von Scriptaculous

Verfasst: Sa 9. Mai 2009, 12:13
von homtata
dann probier doch mal, den href-tag einfach wegzulassen oder ganz leer zu machen, also:

<a id="slideout" href="">slideout</a>

oder

<a id="slideout">slideout</a>

kann gut sein, dass er gar nicht gebraucht wird.

Re: Problem: Mootools integration/Wechsel von Scriptaculous

Verfasst: So 10. Mai 2009, 21:04
von Schneemensch
Ohne Href geht da garnix... dann haste keine richtige Zuweisung des CSS und auch sonst...
Ich lass die Finger von, Mootools schön und gut, aber Scriptaculous funktionierte da von Anfang an einfacher und da werd ich lieber erstmal damit arbeiten...

Aber danke für die Tipps!

Re: Problem: Mootools integration/Wechsel von Scriptaculous

Verfasst: Do 14. Mai 2009, 00:32
von GaMbIt_
Moooooo is genial :D

MAn sollte diese Eventsteuerung aber schon mal generell kennen...
Und auch wieso die Raute auf die Startseite geht...

Einfachster Wörkaraund:
den Link einfach mit einem Javascript befüllen...

Code: Alles auswählen

<a href="javascript:;" onclick="event()">
Oder aber man machts richtig und verwendet keinen semantischen Anchor sondern ein freies Bedienelement...

Code: Alles auswählen

<span id="slidein">bedienelement</span>
und formatiert dieses Element mit CSS damit es bedienbar aussieht und nicht als Anchor (Link irgendwohin) angesehen wird...
Je nachdem wie das Moo dann die Elemente sucht wird das völlig korrekt gefunden.. ein anchor darfs dann aber nicht sein..
mit

Code: Alles auswählen

$('slidein').addEvent('click', function(e)
sucht Du ja nach einem Element mit der ID slidein

Oder aber.. und das ist Option 3 falls man mal wirklich einen Link oder einen Anker auf der selben Seite braucht..
Das Modul den Link zur eigenen Seite einfach generieren lassen...

Code: Alles auswählen

$page = 'front_content.php?idcat='.$idcat.'&idart='.$idart;
echo '<a href="'.$page.'#" title="titel">Linktext auf die eigene Seite</a>

Re: Problem: Mootools integration/Wechsel von Scriptaculous

Verfasst: Do 14. Mai 2009, 00:33
von GaMbIt_
Schneemensch hat geschrieben:Ohne Href geht da garnix... dann haste keine richtige Zuweisung des CSS und auch sonst...
Ich lass die Finger von, Mootools schön und gut, aber Scriptaculous funktionierte da von Anfang an einfacher und da werd ich lieber erstmal damit arbeiten...

Aber danke für die Tipps!
Du brauchst nicht mal einen Anchor damits funktioniert ;)

Re: Problem: Mootools integration/Wechsel von Scriptaculous

Verfasst: Do 14. Mai 2009, 08:53
von Schneemensch
Danke dir ich werds mal testen... habs derzeit schon drin und es läuft allgemein.

Link geb ich bald mal, wenn die Seite grob steht...