Mootools Tips und dem w3bcms !

Fortgeschrittener

Sonntag, 26. April 2009, 15:21

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

2

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

3

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

4

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

5

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:

6

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

7

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