2 Javascripte funktionieren nicht zusammen
Bundi
- javascript
Hallo zusammen, als erstes mal ein riesen Lob an die Betreiber dieser Seite, ich habe hier schon richtig viel gelernt!
Aber denoch habe ich jetzt ein Problem, wo ich net weiter komme und zwar, ich baue eine Webseite und habe ein Login bereich, der eingeflogen wird (von oben)
und als zweites habe ich eine Slidebox eingebaut!
Ja jedes einzeln funktioniert ohne Problem! Aber leider funktioniert immer bloß eins, jenachdem was im <Head> Bereich zuerst steht! Wenn zuerst die Login steht, geht kommischer weise nur die Slidebox, steht aber zuerst die Slidebox, kommt die Loginbox!
Es soll aber beides funktioneren! Kann mir einer sagen, wo der Fehler liegt??
Bzw, was ihr braucht um nachzuschauen?
Hier erstmal der Link von meiner Seite: Meine Seite
und hier mal noch der Quelltext von meiner Index:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="include/designs/DS_Temp_1/css/style.css">
<link rel="stylesheet" href="include/designs/DS_Temp_1/css/mooslide.css" type="text/css" media="screen" />
<!--Loginbox-->
<script type="text/javascript" src="include/designs/DS_Temp_1/js/mootools12.js"></script>
<script type="text/javascript" src="include/designs/DS_Temp_1/js/mooSlide2-moo12.js"></script>
<!--Slideboxe-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="include/designs/DS_Temp_1/js/s3Slider.js"></script>
<!--Slideboxe-->
<script type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 5000
});
});
</script>
<!--Loginbox-->
<script language="javascript" type="text/ecmascript">
window.addEvent('domready',function(){
var myLogin = new mooSlide2({ slideSpeed: 1000, fadeSpeed: 500, toggler:'login', content:'loginPanel', height:150, close: false, effects:Fx.Transitions.Bounce.easeOut , from:'top'});
//optional: AutoStart the slider on page load:
//MyLogin.run();
$('close').addEvent('click', function(e){
e = new Event(e);
myLogin.clearit();
e.stop();
});
});
</script>
<title>Designstübchen</title>
<style type="text/css">
.Tabelle_01 .menue p {
padding-top: 5px;
}
body, td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
}
a:link {
color: #ffffff;
text-decoration: none;
text-align:center;
}
a:visited {
color:#FFFFFF;
text-decoration:none;
}
a:hover {
text-decoration: none;
color: #15c1ef;
text-align:center;
}
a:active {
text-decoration: none;
color: #900;
}
{
body font: normal 100.01% Helvetica, Arial, sans-serif;
color: black;
background-color: #ffffe0;
}
#slider {
width: 400px; /* important to be same as image width */
height: 100px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#sliderContent {
width: 400px; /* important to be same as image width or wider */
position: absolute;
top: 0px;
margin-left: -2.5em;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 8px/15px Arial, Helvetica, sans-serif;
padding: 10px 10px;
width: 380px;
background-color: #15c1ef;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7; /*Transparentsgrad*/
color: #000;
display: none;
margin-right:50px;
margin-top:15px;
margin-left:3px;
}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 14px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
ul {
list-style-type: none;
}
</style>
<script type="text/JavaScript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
Vielen Dank schon im Vorraus!
Moin!
Aber denoch habe ich jetzt ein Problem, wo ich net weiter komme und zwar, ich baue eine Webseite und habe ein Login bereich, der eingeflogen wird (von oben)
und als zweites habe ich eine Slidebox eingebaut!
1. Du hast zwei "Slideboxen" und wäre ich Browser, dann hätte ich das Leben schon deshalb satt.
2. Sortiere Deinen Code, denn wie es aussieht überschreibt das eine Skript den Event-Handler des anderen.
3. Was hast Du eigentlich selbst gemacht? Das sieht für mich aus als sei es ohne Sinn und Verstand zusammenkopiert. Weißt Du überhaupt, was welches der Skripte was macht? Warum mutest Du anderen zu, das herauszufinden?
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix
Hallo, sorry aber da war noch das falsche template drin! Also ich weiß ja jetzt net von welchen code du sprichst, aber wenn es der ist, den ich gepostet habe, warum ist da ein durcheinander???
Ich baue selber schon seit Jahren Webseiten, und ich biete a vielen meine Hilfe an, wie man an der Seite ja a sieht (ok das sind nur Templates auf einen fertigen CMS) aber selbst dieses CMS verändere ich nach meine Wünschen bzw. der wünschen von Usern!
Leider fehlt mir jeglicher Umgang mit Javascript!
Deswegen a meine Frage, wie bekomme ich die 2 boxen gleichzeitig zum laufen????
MKG Bundi
Lieber Bundi,
Leider fehlt mir jeglicher Umgang mit Javascript!
das kannst Du leicht ändern: Fader-Framework - kleiner Lehrgang zum vernünftigen Schreiben eines JavaScripts
Deswegen a meine Frage, wie bekomme ich die 2 boxen gleichzeitig zum laufen????
Mit dem Lehrgang kannst Du Deine Frage selbst beantworten.
Liebe Grüße,
Felix Riesterer.
Hier erstmal der Link von meiner Seite: Meine Seite
Aha deine Domain lautet also
http://designerstübchen.xif-clan.de/index.php
mfg Beat