Antworten auf deine Fragen:
Neues Thema erstellen

Jquery "panel slide" Problem

Eddy-G

Nicht mehr ganz neu hier

Hallo, ich "code" momentan ein Design, bin aber bei ein jquery "panel slide" stehengebliebenen.

http://www.meinemafia.de/skins4you

Wenn man diese Seite besucht, findet man auf der rechten Seite, sagen wir mal "slider" der sich öffnet und schließt, so wie hier: http://www.jqeasy.com/jquery-slide-panel-plugin/

Das Problem ist aber, das sich der "slider" nicht öffnet und auch nicht schließt.
Ich sitze schon 3 Wochenenden daran, ohne Erfolg, ich bitte um eure Hilfe.

Hoffe, das ihr mir weiter helfen könnt.

Lg

P.s.: Man hat auf meinmafia leider als Designer nicht soviel Freiheiten, aber laut meinmafia soll jquery funktionieren.
 

hub

nicht ganz neu hier

AW: Jquery "panel slide" Problem

Moin moin,
du hast Fehler im Quelltext:
Zeile 3: jQuery 1.4.1
Zeile 24: jQuery 1.7.1
Zeile 33: du setzt jQuery auf noConflict.
jQuery solltest du nur einmal laden und vor allen Scripts, die darauf zugreifen wollen.
Das in Zeile 33 ist ja ok, aber du musst es konsequent machen:
also nicht $(document) sondern (wie ein paar Zeilen vorher jQ(document) )
Ich denke, das du dich für eine Schreibweise entscheiden musst. Soll es im noConflict - Modus laufen, gibt es das $ nicht mehr in der aufgerufenen Seite. Das bezieht sich nicht nur auf den Script-Block (Zeilen 32 - 42).

Gruß Ulli
 

Eddy-G

Nicht mehr ganz neu hier

AW: Jquery "panel slide" Problem

ok so was mag ich echt nicht aber momentarn bin ich ihrgedwie blockiert,

also ich habe jetzt so bei mir stehen:
Code:
<html>
  <head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://skins4you.de/js/jquery.slidePanel.min.js"></script>
  
{head}

<script type="text/javascript">
$(document).ready(function(){
	
	// default settings
	// $('.panel').slidePanel();
	
	// custom settings
	$('#panel1').slidePanel({
		triggerName: '#trigger1',
		position: 'fixed',
		triggerTopPos: '20px',
		panelTopPos: '10px',
		ajax: true,
		ajaxSource: 'ajax.html'
	});
	
	$('#panel2').slidePanel({
		triggerName: '#trigger2',
		triggerTopPos: '20px',
		panelTopPos: '10px'
	});
	
	$('#panel3').slidePanel({
		triggerName: '#trigger3',
		triggerTopPos: '220px',
		panelTopPos: '200px',
		ajax: true,
		ajaxSource: 'ajax.html'
	});
});
</script>
</head>
<body>
<a href="#" id="trigger1" class="trigger left">panel</a>
<div id="panel1" class="panel left">
	<p>Here is some static content for Panel 1.</p>
    <p>Ut purus metus, fermentum vitae pulvinar vel, elementum eget nulla. Pellentesque posuere, enim ut dapibus vestibulum, leo nunc porttitor neque, sed pulvinar orci sem eleifend sapien. Nullam at odio nibh, eu pharetra ipsum.</p>
						<!--wrap Anfang-->
  <div id="wrap"> 
  						<!--Header, Navi, Menü, Newsticker Anfang-->
    <div id="header"> 
    <div id="members">{menu_members}</div>
    <div id="navi"> {menu_top} </div>
    <div id="newsticker"> <marquee scrollamount="3">langsamer Newsticker</marquee> </div>
     </div> 
        				<!--Header, Navi, Menü, Newsticker Ende-->
                        
                        
                  
        
        				<!--MenüLinks, Anfang-->
        <div id="left">
<div>{menu_welcome}</div>
<div>{menu_screenshots}</div>
      </div>
     
      					<!--MenüLinks, Ende-->
                        
                                   
                        
                        
    					<!--Content, Stats Anfang-->
    <div id="contentmitstats">
      					<!--Stats Anfang-->
        

  <div id="center">     				<!--Stats Ende-->
{content}
</div>
    </div>
      					<!--Content,Stats Ende-->
                        
   
                        <!--MenüRechts, Anfang-->
      <div id="right">
<div >{form_login}{fb_connect}</div>
<div >{menu_linkpartners}</div>
      </div>	
      
                        <!--Foooter, Anfang-->
                        
                  
                        
      					<!--Foooter, Ende-->
       <div id="footer">
{text_footer}
      </div>                 
	<!--Foooter, Ende-->
  
</div>
  					<!--wrap Ende-->
{bottom}
</body>
</html>


Soll ich so ändern den script:

Code:
<script type="text/javascript">
jQ(document).ready(function(){
	
	// default settings
	// $('.panel').slidePanel();
	
	// custom settings
	jQ('#panel1').slidePanel({
		triggerName: '#trigger1',
		position: 'fixed',
		triggerTopPos: '20px',
		panelTopPos: '10px',
		ajax: true,
		ajaxSource: 'ajax.html'
	});
	
	jQ('#panel2').slidePanel({
		triggerName: '#trigger2',
		triggerTopPos: '20px',
		panelTopPos: '10px'
	});
	
	jQ('#panel3').slidePanel({
		triggerName: '#trigger3',
		triggerTopPos: '220px',
		panelTopPos: '200px',
		ajax: true,
		ajaxSource: 'ajax.html'
	});
});
</script>

hab ich funktioniert auch nicht....

Ich habe nur vergessen zu betonen, das ich das 2 mal mit Jquery arbeite.

Danke für deine schnelle Antwort.

Lg
 

hub

nicht ganz neu hier

AW: Jquery "panel slide" Problem

Moin,
wie meinst du das?
Ich habe nur vergessen zu betonen, das ich das 2 mal mit Jquery arbeite.
Du darfst jQuery immer nur einmal laden, da mit einem erneuten Laden alles wieder weg ist, was zwischendurch initiiert wurde ...
Und wo hast du panel2 - panel3 versteckt?
Die Schreibweise mit jQ anstelle $ wäre richtig, wenn du
HTML:
var jQ = jQuery.noConflict();
benutzt. Ich bin mir jetzt nicht ganz sicher, aber ich würde die Einengung durch var zum Testen erstmal weglassen
HTML:
jQ = jQuery.noConflict();

Gruß Ulli
 

Eddy-G

Nicht mehr ganz neu hier

AW: Jquery "panel slide" Problem

Hallo, ich habe jetzt alles gemacht was du mir empfohlen hast, jedoch keinerlei Erfolg :-(


Ich habe nur vergessen zu betonen, das ich das 2 mal mit Jquery/Javascript arbeite. (ich meine in mein ganzen leben :-D )
 

hub

nicht ganz neu hier

AW: Jquery "panel slide" Problem

Moin moin,
dein größtes Problem ist, das du jQuery 2 mal lädst. Das kann so nicht funktionieren!
Du musst dich für eine Version entscheiden. Oder, was aber wenig Sinn macht, beide im "noConflict" Modus mit unterschiedlichem Alias betreiben.
Erst wenn du dieses Problem behoben hast (siehe Post #2) wirst du weiterkommen.

:) deine 2 mal jQuery hab ich anders verstanden - es passte zu deinem Fehler ...

Gruß Ulli
 

Eddy-G

Nicht mehr ganz neu hier

AW: Jquery "panel slide" Problem

Also guck mal, MeinMafia ist ein Browser "Mafia Engine" und dort kann man über eigene Layout sein Layout erstellen. laut MeinMafia verwendet das Engine auch jquery. So schaut es aus wenn man denn Quellcode anschaut:

Code:
<html>
  <head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://skins4you.de/js/jquery.slidePanel.min.js"></script>
    <title>skins4you - Das ultimative Mafia Spiel</title>
    <link rel="stylesheet" type="text/css" href="/scripts/fancybox/jquery.fancybox.css"/>
    <link rel="stylesheet" type="text/css" href="/game.css"/>
    <link rel="stylesheet" type="text/css" href="/layout/518751/style.css"/>
    <style type="text/css">
      .vip { background: url('/images/icons/set_1/game_vip.png') right center no-repeat; padding-right: 14px; }
      .level0 { color: red !important; text-decoration: line-through !important; }
      .level1 { }
      .level2 { color: #a67a46 !important; }
      .level3 { color: #c48841 !important; }
      .level4 { color: #e1953c !important; }
      .level5 { color: #f04b1e !important; }
      .level6 { color: #ff0000 !important; background: url('/images/icons/set_1/game_owner.png') right center no-repeat; padding-right: 20px; }
          </style>
    <base href="http://www.meinemafia.de/skins4you/"/>
    <link rel="shortcut icon" type="image/png" href="favicon"/>
    <meta name="keywords" content="Mafia Spiel, Mafiaspiel, Mafia game, Mafiagame, Gangster Spiel, Gangsterspiel, Gangster, online rpg, Gratis Spiel, Gratis spielen, kostenlos, Terror, Ganoven"/>
    <meta name="description" content="Es ist ein web- und textbasiertes Rollenspiel, dass in der kriminellen Welt der Mafia spielt."/>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15"/>
    <script type="text/javascript" src="/scripts/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="/scripts/fancybox/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/scripts/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
    <script type="text/javascript">
      if (top.location != location) {
        top.location.href = document.location.href;
      }    
    </script>
    <script type="text/javascript">
      var jQ = jQuery.noConflict();
      jQ(document).ready(function() {
        jQ("a.fancy").fancybox({
          'zoomOpacity': true,
          'overlayShow': false,
          'zoomSpeedIn': 500,
          'zoomSpeedOut': 500
        });
      });
    </script>
    <script type="text/javascript" src="/scripts/ajax/prototype.js"></script>
		<script type="text/javascript" src="/scripts/cufon/cufon-yui.js"></script>
<script type="text/javascript">
jQ = jQuery.noConflict();
	jQ('#panel1').slidePanel({
		triggerName: '#trigger1',
		position: 'fixed',
		triggerTopPos: '20px',
		panelTopPos: '10px',
		ajax: true,
		ajaxSource: 'ajax.html'
	});
</script>
</head>
<body><script type="text/javascript" src="/scripts/tooltip/tooltip.js"></script>
						<!--wrap Anfang-->
  <div id="wrap">
<a href="#" id="trigger1" class="trigger left">panel</a>
<div id="panel1" class="panel left">
	<p>Here is some static content for Panel 1.</p>
    <p>Ut purus metus, fermentum vitae pulvinar vel, elementum eget nulla. Pellentesque posuere, enim ut dapibus vestibulum, leo nunc porttitor neque, sed pulvinar orci sem eleifend sapien. Nullam at odio nibh, eu pharetra ipsum.</p>
</div>
  						<!--Header, Navi, Menü, Newsticker Anfang-->
    <div id="header">
    <div id="members"> <ul class="menu_members"><li class="title">Mitglieder</li><li class="mu"><a><span>14</span> Mitglieder</a></li>
<li class="mo"><a><span>0</span> Online</a></li>
</ul> </div>
    <div id="navi"> <ul class="menu_top"><li><a href="http://www.meinemafia.de/skins4you">Startseite</a></li><li><a href="contact">Kontakt</a></li><li><a href="crew">Team</a></li><li><a href="stats">Statistiken</a></li><li><a href="info/1/test">Test</a></li></ul> </div>
    <div id="newsticker"> <marquee scrollamount="3">langsamer Newsticker</marquee> </div>
     </div>
        				<!--Header, Navi, Menü, Newsticker Ende-->
        				<!--MenüLinks, Anfang-->
        <div id="left">
<div><ul class="menu_welcome"><li class="title">Willkommen</li><li><a href="register">Registrieren</a></li>
<li><a href="manual">Anleitung</a></li>
<li><a href="maffia-story">Die Geschichte</a></li><li><a href="login/lost-password">Passwort vergessen?</a></li>
</ul></div>
<div><ul class="menu_screenshots"><li class="title">Screenshots</li><li><a target="_blank" href="/layouts/000/screens_de/big1.png"><img alt="" src="/layouts/000/screens_de/small1.png" width="152" height="72"/></a></li>
<li><a target="_blank" href="/layouts/000/screens_de/big2.png"><img alt="" src="/layouts/000/screens_de/small2.png" width="152" height="72"/></a></li>
<li><a target="_blank" href="/layouts/000/screens_de/big3.png"><img alt="" src="/layouts/000/screens_de/small3.png" width="152" height="72"/></a></li>
</ul></div>
      </div>
      					<!--MenüLinks, Ende-->
    					<!--Content, Stats Anfang-->
    <div id="contentmitstats">
      					<!--Stats Anfang-->
  <div id="center">     				<!--Stats Ende-->
<div class="content_block">
  <div class="content_inner">
    <h1>Willkommen!</h1>
    <p>
      Hier kannst du dich online mit vielen Mitspielern in einem packenden Mafia Spiel messen.
      Versuche der beste Mafiosi der Welt zu werden.
    </p><p>
      Durch Drogenhandel und Morden an anderen Mafiosi kannst du der reichste Spieler werden.
      Noch nicht überzeugt? Dann schau dir die Screenshots in der linken Spalte an.
    </p><p style="text-align: center; font-size: 140%">
      <br/><br/>
      <a href="register"><strong style="text-transform: uppercase">Registrieren!</strong></a>
      <br/><br/><br/><br/><br/><br/>
    </p>
  </div>
</div>
<div class="content_block" id="advert">
  <div class="content_inner">
    <h5>Werbung</h5>
    <div style="text-align: center">
      <script src="/scripts/swfobject.js"></script><script type="text/javascript">swfobject.embedSWF("/images/banners/de_ani/468x60.swf", "advertisement", "468", "60", "9.0.0", "", {clickTAG:"http://www.meinemafia.de/ad/bannerde"});</script><div id="advertisement"></div>    </div>
  </div>
</div>
</div>
    </div>
      					<!--Content,Stats Ende-->
                        <!--MenüRechts, Anfang-->
      <div id="right">
<div ><form method="post" action="login"><label>Benutzername:</label><input type="text" name="username" maxlength="15"/><br/><label>Passwort:</label><input type="password" name="password"/><br/><input type="submit" name="submit" value="Anmelden"/><br/></form><a class="fb_connect" href="login/fb-connect"><img width="80" height="20" src="/images/misc/fb-connect.png" alt="Connect to Facebook"/></a></div>
<div ><ul class="menu_linkpartners"><li class="title">Linkpartner</li><li><a target="_blank" href="http://www.meinemafia.de/">Erstelle dir auch ein Mafia Spiel</a></li>
</ul></div>
      </div>
                        <!--Foooter, Anfang-->
      					<!--Foooter, Ende-->
       <div id="footer">
&copy; <strong>skins4you</strong> Alle Rechte vorbehalten | <span style="cursor: pointer" onclick="document.location='http://www.meinemafia.de/skins4you/impressum'">Impressum</span>
      </div>
	<!--Foooter, Ende-->
</div>
  					<!--wrap Ende-->
    <script type="text/javascript">
      var d = new Date();
      t1 = parseInt((d.getTime()-d.getTimezoneOffset()*60000).toString().substring(0, 10));
      t2 = 1367233204;
      tz = Math.round((t1-t2)/3600);
      var expires = new Date();
      var expdate = expires.getTime();
      expdate += 3600*1000*360;
      expires.setTime(expdate);
      var tt = new Date().getHours();
      var hh = new Date().getMinutes();
      var newCookie='tz='+tz+'; path=/; expires='+expires.toGMTString();
      window.document.cookie=newCookie;
    </script>
    <script type="text/javascript">Cufon.now();</script>
    <script>
      if (document.getElementById('overlay')) {
        document.getElementById('overlay').style.visibility='hidden';
        document.getElementById('overlay').style.top='61px';
      }
    </script>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-2268134-19']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
</body>
</html>

Und Wenn ich den code einfüge schaut es so aus!

Code:
<html>
  <head>


  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://skins4you.de/js/jquery.slidePanel.min.js"></script>
   
{head}

<script type="text/javascript">
jQ = jQuery.noConflict();

	jQ('#panel1').slidePanel({
		triggerName: '#trigger1',
		position: 'fixed',
		triggerTopPos: '20px',
		panelTopPos: '10px',
		ajax: true,
		ajaxSource: 'ajax.html'
	});
	
	
</script>
</head>
<body>

						<!--wrap Anfang-->
  <div id="wrap"> 
<a href="#" id="trigger1" class="trigger left">panel</a>
<div id="panel1" class="panel left">
	<p>Here is some static content for Panel 1.</p>
    <p>Ut purus metus, fermentum vitae pulvinar vel, elementum eget nulla. Pellentesque posuere, enim ut dapibus vestibulum, leo nunc porttitor neque, sed pulvinar orci sem eleifend sapien. Nullam at odio nibh, eu pharetra ipsum.</p>
</div>
  						<!--Header, Navi, Menü, Newsticker Anfang-->
    <div id="header"> 
    <div id="members"> {menu_members} </div>
    <div id="navi"> {menu_top} </div>
    <div id="newsticker"> <marquee scrollamount="3">langsamer Newsticker</marquee> </div>
     </div> 
        				<!--Header, Navi, Menü, Newsticker Ende-->
                        
                        
                  
        
        				<!--MenüLinks, Anfang-->
        <div id="left">
<div>{menu_welcome}</div>
<div>{menu_screenshots}</div>
      </div>
     
      					<!--MenüLinks, Ende-->
                        
                                   
                        
                        
    					<!--Content, Stats Anfang-->
    <div id="contentmitstats">
      					<!--Stats Anfang-->
       

  <div id="center">     				<!--Stats Ende-->
{content}
</div>
    </div>
      					<!--Content,Stats Ende-->
                        
   
                        <!--MenüRechts, Anfang-->
      <div id="right">
<div >{form_login}{fb_connect}</div>
<div >{menu_linkpartners}</div>
      </div>	
      
                        <!--Foooter, Anfang-->
                        
                  
                        
      					<!--Foooter, Ende-->
       <div id="footer">
{text_footer}
      </div>                 
	<!--Foooter, Ende-->
  
</div>
  					<!--wrap Ende-->
{bottom}
</body>
</html>
UND in einem externen Bereich das CSS Code

Wenn man in Quellcode schaut, sieht man das meinmafia diese Jquery verwendet
Code:
 <script type="text/javascript" src="/scripts/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="/scripts/fancybox/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/scripts/fancybox/jquery.fancybox-1.2.1.pack.js"></script>

und meine Jquery ist auch oben sichtbar
Code:
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://skins4you.de/js/jquery.slidePanel.min.js"></script>

So und jetzt bin ich am ende :-D Was soll ich entfernen und wo kann ich denn Version ändern, damit es mit meinmafia Version übereinstimmt.


DANKE DANKE DANKE für deine Hilfe!
 

hub

nicht ganz neu hier

AW: Jquery "panel slide" Problem

Moin moin,
ich muss dich leider ein wenig um Geduld bitten, ich muss mir das genauer anschauen und bin mir nicht sicher, ob ich das morgen schaffen werde.
Ich vermute, das ist der Teil, der nicht passt, da ja von Haus aus eine neuere Version geladen wird.
PHP:
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Du kannst ja mal zum Test genau diese Zeile auskommentieren.
Ich melde mich, sowie ich das getestet habe, es sei denn, du bist schneller.

Gruß Ulli
 

mindraper

me[code].Java(Script)

AW: Jquery "panel slide" Problem

moinsens,

@te:
ändere mal den "panel"-button in der linken oberen ecke von einem <a>-tag in ein anderes tag (beispielsweise <div>).

aktuell:
HTML:
<div id="wrap">
    <a href="#" id="trigger1" class="trigger left">panel</a>
    ...

geändert:
HTML:
<div id="wrap">
    <div id="trigger1" class="trigger left">panel</div>
    ...

hintergrund:
wenn ich auf panel klicke, dann findet ein browser-refresh statt. d. h., der browser versucht die verlinkte seite zu laden. hier ist allerdings nur eine raute (#) im href-attribut des <a>-tags hinterlegt, was dazu führt, das die gleiche seite geladen wird, mit einer raute am ende der adresse.

m. e. nach kannst du die folgende geschichte rausnehmen:
PHP:
jQ = jQuery.noConflict();
...

also einfach wieder

PHP:
$('#panel1').slidePanel({
    ...
});

benutzen. die console wirft hier so oder so einen fehler aus (bei der aktuellen implementierung).

nebenbei bemerkt sind deine css-selektoren überqualifiziert – d. h., sie sind zu spezifisch. hier bitte auf zeile 202
Code:
a.trigger {
    ...
}

zu

Code:
.trigger {
    ...
}

ändern sowie auf zeile 215
Code:
a.trigger.left {
    ...
}

zu

Code:
.trigger.left {
    ...
}

sonst siehst du beim ändern von <a>-tag in ein <div>-tag plötzlich den button gar nicht mehr. :)

die zwei unterschiedlichen versionen von jQuery (1.4.3 & 1.7.irgendwas) treten übrigens nicht in konflikt miteinander. es ist einfach nur so, dass das nachfolgende <script>-tag mit jQuery 1.7.hasdenichgesehen das vorherige jQuery 1.4.3 überschreibt. prinzipiell sollte man sich allerdings für eine version entscheiden.
je nachdem wie deine entscheidung ausfällt, solltest du deine ganzen extensions/plug-ins/nenn-es-wie-du-willst überprüfen, ob diese noch funktionieren.

gruß
 
Zuletzt bearbeitet:

Myhar

Hat es drauf

AW: Jquery "panel slide" Problem

@te:
ändere mal den "panel"-button in der linken oberen ecke von einem <a>-tag in ein anderes tag (beispielsweise <div>).

Das würde ich nicht machen, da ein a Tag hier auch ausreichend ist. Deine Erklärung, dass der Browser eine neue Seite lädt, lässt sich viel einfacher "umgehen".
Einerseits sollte doch das Panel-Skript dafür sorgen, dass der Link nicht geladen wird. Andererseits sollte man . Dann braucht er auch nur das eine Wort (bzw. Zeichen) ausbessern und das Problem ist gelöst.
 

hub

nicht ganz neu hier

AW: Jquery "panel slide" Problem

Moin moin,
dein sliderPanel hat deswegen keinen Erfolg, da es initiiert wird, bevor der DOM aufgebaut ist.
Fehlermeldung im Debugger:
PHP:
SCRIPT438: Das Objekt unterstützt die Eigenschaft oder Methode "slidePanel" nicht 
skins4you, Zeile 47 Zeichen 2
Du kannst das ändern, indem du es wie bei der fancy-Box machst:
PHP:
jQ(document).ready(function() {  // <- neu
 jQ('#panel1').slidePanel({
  triggerName: '#trigger1',
  position: 'fixed',
  triggerTopPos: '20px',
  panelTopPos: '10px',
  ajax: true,
  ajaxSource: 'ajax.html'
 });  // <- neu
});
Ob damit alle Fehler raus sind, kann ich nicht sagen, aber dieser hier bricht alles weitere ab ...

Gruß Ulli
 

Eddy-G

Nicht mehr ganz neu hier

AW: Jquery "panel slide" Problem

Danke für die Zahlreichen antworten und Hilfen.... Ich habe jeder schriet und jeder Hilfemöglichkeit 3 mal ausprobiert, KEINERLEI ERFOLG :-( mittlerweile ist es schon 5 Wochen die ich daran sitze :-(

Horror!
 

hub

nicht ganz neu hier

AW: Jquery "panel slide" Problem

Moin,
ich bin mir nicht sicher , warum "jQ(document).ready" bei dir nicht greift. Setze doch den Part an das Ende des Dokuments (dort, wo die anderen beiden Scripts sind). Damit erreichst du, das der "panel1" zur Verfügung steht, wenn dein Script ausgeführt wird ...

Gruß Ulli
 

Eddy-G

Nicht mehr ganz neu hier

AW: Jquery "panel slide" Problem

Hallo, wenn ich den normalen code/script
Code:
<script type="text/javascript">
$(document).ready(function(){
	
	// default settings
	// $('.panel').slidePanel();
	
	// custom settings
	$('#panel1').slidePanel({
		triggerName: '#trigger1',
		position: 'fixed',
		triggerTopPos: '20px',
		panelTopPos: '10px',
		ajax: true,
		ajaxSource: 'ajax.html'
	});
});

in Dw verwende und auf Live-Ansicht gehe funktioniert es *___*

Aber nicht auf der Seite direkt, LEIDER!



Aber wenn ich den code/script von dir verwenden.

Code:
<script type="text/javascript">
jQ(document).ready(function() {  // <- neu
 jQ('#panel1').slidePanel({
  triggerName: '#trigger1',
  position: 'fixed',
  triggerTopPos: '20px',
  panelTopPos: '10px',
  ajax: true,
  ajaxSource: 'ajax.html'
 });  // <- neu
});  
	
	
</script>

Funktioniert es auch nicht in Live-Ansicht von Dw

Aber auch nicht auf der Seite direkt, LEIDER!

Hab den Part an das Ende des Dokuments gesetzt, Kein Erfolg!
 

hub

nicht ganz neu hier

AW: Jquery "panel slide" Problem

Moin,
da würde ich auch streiken :) :
PHP:
<script type="text/javascript">
$(document).ready(function(){
 // default settings
 // $('.panel').slidePanel();
 // custom settings
 $('#panel1').slidePanel({
  triggerName: '#trigger1',
  position: 'fixed',
  triggerTopPos: '20px',
  panelTopPos: '10px',
  ajax: true,
  ajaxSource: 'ajax.html'
 });
});
</head>  // <---------- ????  </script> wäre passender

Gruß Ulli
 

Eddy-G

Nicht mehr ganz neu hier

AW: Jquery "panel slide" Problem

Hallo Ulli, das habe ich gestern bei wider zurückstellen vergessen, ups :-D Danke.

Ich muss eine Lösung finden, Google habe ich schon komplett "auseinandergenommen"!

Bis jetzt kein Erfolg :-(

Lg Eddy
 

hub

nicht ganz neu hier

AW: Jquery "panel slide" Problem

Moin,
jetzt hast du wieder dein "Anfangsproblem". Du lässt jQuery im noConflict -Modus laufen und willst aber $ verwenden. Du musst dich entscheiden alles mit "$" oder mit "jQ" zu nutzen:
Code:
[SIZE=2][COLOR=#ff0000]
[SIZE=2][COLOR=#ff0000]SCRIPT438: Das Objekt unterstützt die Eigenschaft oder Methode "ready" nicht [/COLOR][/SIZE]
[/COLOR][/SIZE][URL="http://www.psd-tutorials.de/forum/0"][U][SIZE=2][COLOR=#0066cc][SIZE=2][COLOR=#0066cc]skins4you, Zeile 46 Zeichen 1[/COLOR][/SIZE][/COLOR][/SIZE][/U][/URL]
kommt, weil:
PHP:
var jQ = jQuery.noConflict();
Diese Zeile wirkt sich auf alle Scripts auf dieser Seite aus, darum wird jQuery von der Part "fancy" (jQ) erkannt und vom Part "slidePanel" ($) nicht.

Mit welchem Browser testest du? Im IE z.B. F12 und dann den Reiter Script und unter Firefox mit dem Plugin Firebug kannst du diese Fehler schnell selbst finden.
Bevor es wieder Proteste hagelt: fast alle Browser haben diese Möglichkeit ... :)

Gruß Ulli
 

Eddy-G

Nicht mehr ganz neu hier

AW: Jquery "panel slide" Problem

Hi, wenn ich das so mache wie du es sagst Ulli, dann funktioniert es nicht mal bei Dw in Live-Ansicht ^^

Aber wenn ich so lasse funktioniert es in Dw Live-Ansicht, jedoch nicht auf der Seite direkt
Code:
<script type="text/javascript">
$(document).ready(function(){
	
	// default settings
	// $('.panel').slidePanel();
	
	// custom settings
	$('#panel1').slidePanel({
		triggerName: '#trigger1',
		position: 'fixed',
		triggerTopPos: '20px',
		panelTopPos: '10px',
		ajax: true,
		ajaxSource: 'ajax.html'
	});
});
</script>
hmmmm........
 

Duddle

Posting-Frequenz: 14µHz

AW: Jquery "panel slide" Problem

Zwei Seiten und immer noch nicht gelöst?
Falls du ICQ hast, schreib mir mal (86198212). Wenn du Skype oder AIM hast, schick mir deinen Benutzernamen per PM, dann machen wir das mal zusammen.

Edit: okay, wahrscheinlich lag es an der Reihenfolge der Scripte, aber nach ner Stunde haben wir es irgendwie gelöst.


Duddle
 
Zuletzt bearbeitet:

Eddy-G

Nicht mehr ganz neu hier

AW: Jquery "panel slide" Problem

Erstmal ein GROSSSSSEN DANK an Duddle!!! Natürlich auch an alle anderen die mich hier mit Hilfeende antworten Unterstützt haben.

Es funktioniert jetzt, aber trotzdem haben wir nicht herausgefunden, woran es lag :-D

Lg Eddy
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.471
Mitglieder
67.558
Neuestes Mitglied
StarsMan
Oben