Mootools Tips und dem w3bcms !

Lieber Besucher, herzlich willkommen bei: cms2day Forum - Community & Support rund ums cms2day. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

Rico

Fortgeschrittener

Beiträge: 253

Sonntag, 26. April 2009, 15:21

Mootools Tips und dem w3bcms !

Hallo,

also bin dabei Mootools Tips in meine Seite einzubauen, habe aber Probleme.. kann mir jemand helfen ?

Inhalt der index.html vom Template: (Head-Bereich)

Zitat

<!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" xml:lang="de"
lang="de">
<head>
<?php page_header(); ?>
<script type="text/javascript" src="mootools-1.2.2-core.js"></script>
<script type="text/javascript"
src="mootools-1.2.2.1-more.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
/* Tips 1 */
var Tips1 = new Tips($$('.Tips1'));

/* Tips 2 */
var Tips2 = new Tips($$('.Tips2'), {
initialize:function(){
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
}
});

/* Tips 3 */
var Tips3 = new Tips($$('.Tips3'), {
showDelay: 400,
hideDelay: 400,
fixed: true
});

/* Tips 4 */
var Tips4 = new Tips($$('.Tips4'), {
className: 'custom'
});
});
</script>
</head>
.....

Dann der Inhalt von der Seite im Fronted:

Zitat

<h3>Tips 1</h3>
<p><img src="http://demos111.mootools.net/demos/MousewheelCustom/moo.png" alt="mooCow" class="Tips1" title="Tips Title :: This is my tip content" /></p>
<h3>Tips 2</h3>
<p><img src="http://demos111.mootools.net/demos/MousewheelCustom/moo.png" alt="mooCow" class="Tips2" title="Tips Title :: This is my tip content" /></p>
<h3>Tips 3</h3>
<p>Fixed tooltip: <a href="http://www.mootools.net" onclick="return false;" class="Tips3" title="Mootools official website">Mootools.net</a></p>
<h3>Tips 4</h3>
<p>Custom className: <a href="http://www.mootools.net" onclick="return false;" class="Tips4" title="Mootools official website">Mootools.net</a></p>

Und das in der main.css

Zitat

/* - TOOL TIPS - */

.tool-tip {
color: #fff;
width: 139px;
z-index: 13000;
}

.tool-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #9FD4FF;
padding: 8px 8px 4px;
background: url(bubble.png) top left;
}

.tool-text {
font-size: 11px;
padding: 4px 8px 8px;
background: url(bubble.png) bottom right;
}

.custom-tip {
color: #000;
width: 130px;
z-index: 13000;
}

.custom-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #3E4F14;
padding: 8px 8px 4px;
background: #C3DF7D;
border-bottom: 1px solid #B5CF74;
}

.custom-text {
font-size: 11px;
padding: 4px 8px 8px;
background: #CFDFA7;
}

Doch es will alles irgendwie nicht klappen....

Kennt sich jemand damit aus, oder hat Erfahrungen ?

LG Rico

Zum Seitenanfang

Rico

Fortgeschrittener

Beiträge: 253

Sonntag, 26. April 2009, 18:37

Also mir ist aufgefallen das es mit den anderen Mootools auch nicht klappt... Woran liegt es ? Und was ich sehr komisch finde, wenn ich es ausserhalb des CMS, inner HMTL-Datei einfüge, das klappt alles wunderbar, nur es im CMS einzupfegen, schlägt dauernd fehl... ich brauche wirklich drigend Hilfe..

LG Rico

Zum Seitenanfang

Rico

Fortgeschrittener

Beiträge: 253

Sonntag, 26. April 2009, 18:54

Es muss dann ja eigentlich am CMS liegen...

LG Rico

Zum Seitenanfang

Benny

Schüler

CMS Version: 3.6.0

Wohnort: Essen

Sonntag, 26. April 2009, 23:45

Eigentlich nicht der PFad ist doch falsch:

	Quellcode
1	<script type="text/javascript" src="mootools-1.2.2-core.js"></script>

Zum Seitenanfang

Rico

Fortgeschrittener

Beiträge: 253

Montag, 27. April 2009, 18:51

Wieso ? Habs zuerst nicht in den js Ordner getan, sondern direkt bei der index.html...

LG Rico

Zum Seitenanfang

w3bcms

Profi

Beiträge: 1 282

CMS Version: 4.x/5.x

Beruf: Webentwickler

Paypal:

Montag, 27. April 2009, 20:31

Die Pfade sind falsch! Da muss der absolute Pfad angegeben sein, sonst geht das nicht.
In welchem Verzeichnis befindet sich die mootools-1.2.2-core.js etc?

Zum Seitenanfang

Rico

Fortgeschrittener

Beiträge: 253

Dienstag, 28. April 2009, 15:53

Ich hab jetzt alles umgeschmissen, und einfach in der config.inc.php

Zitat

echo " <script type=\"text/javascript\" src=\"".$settings['template_dir']."/".$vtemplate."/js/mootools-1.2.2-core.js\"></script>\n";
echo " <script type=\"text/javascript\" src=\"".$settings['template_dir']."/".$vtemplate."/js/mootools-1.2.2.1-more.js\"></script>\n";
echo " <script type=\"text/javascript\" src=\"".$settings['template_dir']."/".$vtemplate."/js/demo.js\"></script>\n";

das geschrieben.

Es funzt trotzdem nicht.. also wenn ich jetzt über das Bild fahre, wird zwar "Tip Title :: This is my Tip content" angezeigt, aber halt nicht so stylisch wie in der Demo... liegt es an der CSS - Datei ?

LG Rico