Problem mit mehreren Java Scripts - Seite 2

dr88 · 20.01.2011, 13:35

ok, anstelle von was genau soll ich das von dir eingeben?

BlackScorp · 20.01.2011, 13:44

Zitat:

Zitat von Chriz

Code:

	$(function(){
		$('img.captify').captify({});
	});

Das im Header ist doch Quatsch, die Bilder sind doch noch garnicht geladen! Benutz $(document).ready().

http://www.hieu.co.uk/blog/index.php...documentready/

Chriz · 20.01.2011, 13:49

Ah, hab das mit function() {}() verwechselt. Dann ziehe ich meine Aussage zurück.

dr88 · 20.01.2011, 13:53

ich hab jetzt mal einen anderen effekt sprich ein anderes javascript eingebunden, aber das funktioniert auch nicht. es funktioniert immer nur eins.

kannst nochmal schauen auf der teamseite, im moment funktioniert nur der fade in fade out effekt bei den fotos und die navigation nicht mehr.

hmm ich verstehs nicht.

BlackScorp · 20.01.2011, 14:22

also bei mir sagt der Firebug dass die navigation.js fehlerhaft ist, die hat bei mir so komische zeichen, ist wahrscheinlich nicht utf8

dr88 · 20.01.2011, 14:42

kann man das irgendwie beheben?

BlackScorp · 20.01.2011, 15:16

ich würde dir zunächst raten, dein script aufzuräumen.. man hat da garkein überblick..

zunächst würde ich all diese Komischen Dreamweaver JS funktionen entfernen(du kannst sie an MM_xxx erkennen), danach würde ich schön im header dein jQueryUI und min includen,

danach eine "functions.js" erstellen und dort funktionen definieren so in etwa:

PHP-Code:

  var activateAccordion = function(){
$('.classenname').accordion({optionen..});
}

var activateFancyBox = function(){
$('.className').fancyBox();//sind alles beispiele , dient nur zur ansicht
}

danach erstellst du eine main.js und machst da folgendes

PHP-Code:

  $(function(){
activateAccordion();
activateFancyBox();
//... usw

})

halt jedes deiner effekte in funktionen aufteilen und dann aktivieren(natürlich diese js datein auch einbinden), wenn der code aufgeräumt ist, können wir dann drübergehen.

MFG

dr88 · 21.01.2011, 16:03

ok ich weiss so grob in welche richtung es gehen soll, aber ich weiss noch nicht genau wie ich es umsetzen soll, wenn ich ehrlich bin.

mein alter head bereich sah ja z.B. so aus

PHP-Code:

  <!--NAVIGATION-->
<style type="text/css">
* {
    margin:0;
    padding:0;
    list-style:none;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin:10px;
}

#basic-accordian{
    border:1px solid #dadada;
    width:378px;
    height:448px;
    position:absolute;
    z-index:2;
}

.accordion_headings{
    padding:5px;
    background-image:url(images/background_navigation_1.png);
    color:#000;
    border:1px solid #FFF;
    cursor:pointer;
    font-weight:bold;
}

.accordion_headings:hover{
    background-image:url(images/background_navigation_2.png);
    color:#fff;
}

.accordion_child{
    padding:10px;
    background-image:url(images/background_navigation_3.png);
    height:350px;
}

.header_highlight{
    background-image:url(images/background_navigation_2.png);
    color:#fff;
}

</style>
<script type="text/javascript" src="js/navigation.js"></script>


<!--ROLLOVER-->
<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>

<!--FADE IN/FADE OUT-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/fade.js"></script>

jetzt ist meine frage wie sieht der neue genau aus? muss ich nur die function.js und main.js definieren oder trotzdem alle meine js dateien. aktiviere ich die im body mit body onload?

BlackScorp · 25.01.2011, 14:19

dir ist doch klar dass

PHP-Code:

  $(function(){

// do smth...

});

autotmatisch beim onload aktiviert und ausgeführt wird?

du brauchst ledeglich folgenden aufbau:

PHP-Code:

  <html>

<head>

//css eibinden

//title eingeben

//weitere sachen wie utf usw..

</head>

<body>

//javascript datein einbinden also jquery,jqueryui,slider usw usw..

//html code

</body>

</html>

diese javascript rollover effekte von dreamveawer wegmachen, das kannst du auch mit css und hover umsetzen

nikosch · 25.01.2011, 21:04

Besser so:

Code:

<body>
//html code
//javascript datein einbinden also jquery,jqueryui,slider usw usw..
</body>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Sockets bei php/Interaktion mit Java	BioLauri	PHP Tipps 2010	3	01.10.2010 23:08
Session Problem mit mehreren Seiten	DJmension	PHP Tipps 2008	1	08.05.2008 19:33
MATCH .... AGAINST ... Problem	Denise	Datenbanken	4	21.03.2007 20:05
Problem mit SQL in Java	Madli	Datenbanken	4	23.07.2006 09:37
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
php oder java?	resturan	Off-Topic Diskussionen	1	24.04.2006 09:45
Problem mit height	Party-Pix	HTML, Usability und Barrierefreiheit	3	29.03.2006 14:17
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
wieder das selbe problem mit java und freemind bei fedora	dazerglovic	Server, Hosting und Workstations	9	01.02.2006 21:22
Problem mit Image as link ausloser stat text in java script.	Bruce	HTML, Usability und Barrierefreiheit	5	17.01.2006 11:31
Java: mathematisches Problem	SvenLittkowski	HTML, Usability und Barrierefreiheit	5	06.01.2006 22:36
[Erledigt] Delete aus mehreren Tabellen - Problem		Datenbanken	4	16.09.2005 15:24
Aufruf eines PHP Skriptes aus JAVA Umgebung		PHP Tipps 2005-2	3	14.06.2005 17:39
get_browser und Java	MadCro	PHP-Fortgeschrittene	1	18.10.2004 14:43
Java oder C		Off-Topic Diskussionen	15	17.08.2004 17:55

20.01.2011, 13:35
dr88 Neuer Benutzer Registriert seit: 14.10.2010 Beiträge: 11 PHP-Kenntnisse: Anfänger	ok, anstelle von was genau soll ich das von dir eingeben?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

20.01.2011, 13:49
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Ah, hab das mit function() {}() verwechselt. Dann ziehe ich meine Aussage zurück. __________________ "Nuschel ich?" - "Was?"

20.01.2011, 13:53
dr88 Neuer Benutzer Registriert seit: 14.10.2010 Beiträge: 11 PHP-Kenntnisse: Anfänger	ich hab jetzt mal einen anderen effekt sprich ein anderes javascript eingebunden, aber das funktioniert auch nicht. es funktioniert immer nur eins. kannst nochmal schauen auf der teamseite, im moment funktioniert nur der fade in fade out effekt bei den fotos und die navigation nicht mehr. hmm ich verstehs nicht.

20.01.2011, 14:22
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	also bei mir sagt der Firebug dass die navigation.js fehlerhaft ist, die hat bei mir so komische zeichen, ist wahrscheinlich nicht utf8 __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen

20.01.2011, 14:42
dr88 Neuer Benutzer Registriert seit: 14.10.2010 Beiträge: 11 PHP-Kenntnisse: Anfänger	kann man das irgendwie beheben?

20.01.2011, 15:16
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	ich würde dir zunächst raten, dein script aufzuräumen.. man hat da garkein überblick.. zunächst würde ich all diese Komischen Dreamweaver JS funktionen entfernen(du kannst sie an MM_xxx erkennen), danach würde ich schön im header dein jQueryUI und min includen, danach eine "functions.js" erstellen und dort funktionen definieren so in etwa: PHP-Code: `var activateAccordion = function(){ $('.classenname').accordion({optionen..}); } var activateFancyBox = function(){ $('.className').fancyBox();//sind alles beispiele , dient nur zur ansicht }` danach erstellst du eine main.js und machst da folgendes PHP-Code: `$(function(){ activateAccordion(); activateFancyBox(); //... usw })` halt jedes deiner effekte in funktionen aufteilen und dann aktivieren(natürlich diese js datein auch einbinden), wenn der code aufgeräumt ist, können wir dann drübergehen. MFG __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen Geändert von BlackScorp (20.01.2011 um 15:20 Uhr).

21.01.2011, 16:03
dr88 Neuer Benutzer Registriert seit: 14.10.2010 Beiträge: 11 PHP-Kenntnisse: Anfänger	ok ich weiss so grob in welche richtung es gehen soll, aber ich weiss noch nicht genau wie ich es umsetzen soll, wenn ich ehrlich bin. mein alter head bereich sah ja z.B. so aus PHP-Code: <!--NAVIGATION--> <style type="text/css"> * { margin:0; padding:0; list-style:none; } body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:10px; } #basic-accordian{ border:1px solid #dadada; width:378px; height:448px; position:absolute; z-index:2; } .accordion_headings{ padding:5px; background-image:url(images/background_navigation_1.png); color:#000; border:1px solid #FFF; cursor:pointer; font-weight:bold; } .accordion_headings:hover{ background-image:url(images/background_navigation_2.png); color:#fff; } .accordion_child{ padding:10px; background-image:url(images/background_navigation_3.png); height:350px; } .header_highlight{ background-image:url(images/background_navigation_2.png); color:#fff; } </style> <script type="text/javascript" src="js/navigation.js"></script> <!--ROLLOVER--> <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> <!--FADE IN/FADE OUT--> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/fade.js"></script> jetzt ist meine frage wie sieht der neue genau aus? muss ich nur die function.js und main.js definieren oder trotzdem alle meine js dateien. aktiviere ich die im body mit body onload? Geändert von dr88 (21.01.2011 um 16:15 Uhr).

25.01.2011, 14:19
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	dir ist doch klar dass PHP-Code: `$(function(){ // do smth... });` autotmatisch beim onload aktiviert und ausgeführt wird? du brauchst ledeglich folgenden aufbau: PHP-Code: `<html> <head> //css eibinden //title eingeben //weitere sachen wie utf usw.. </head> <body> //javascript datein einbinden also jquery,jqueryui,slider usw usw.. //html code </body> </html>` diese javascript rollover effekte von dreamveawer wegmachen, das kannst du auch mit css und hover umsetzen __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen

25.01.2011, 21:04
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Besser so: Code: <body> //html code //javascript datein einbinden also jquery,jqueryui,slider usw usw.. </body> __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --