Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Eddy-G" data-source="post: 2163603" data-attributes="member: 66143">AW: Jquery &quot;panel slide&quot; Problemok so was mag ich echt nicht aber momentarn bin ich ihrgedwie blockiert, also ich habe jetzt so bei mir stehen: [code]&lt;html&gt;&nbsp; &lt;head&gt;&nbsp; &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://skins4you.de/js/jquery.slidePanel.min.js&quot;&gt;&lt;/script&gt;&nbsp; {head}&lt;script type=&quot;text/javascript&quot;&gt;$(document).ready(function(){&nbsp; &nbsp; &nbsp; &nbsp; // default settings&nbsp; &nbsp; // $(&#039;.panel&#039;).slidePanel();&nbsp; &nbsp; &nbsp; &nbsp; // custom settings&nbsp; &nbsp; $(&#039;#panel1&#039;).slidePanel({&nbsp; &nbsp; &nbsp; &nbsp; triggerName: &#039;#trigger1&#039;,&nbsp; &nbsp; &nbsp; &nbsp; position: &#039;fixed&#039;,&nbsp; &nbsp; &nbsp; &nbsp; triggerTopPos: &#039;20px&#039;,&nbsp; &nbsp; &nbsp; &nbsp; panelTopPos: &#039;10px&#039;,&nbsp; &nbsp; &nbsp; &nbsp; ajax: true,&nbsp; &nbsp; &nbsp; &nbsp; ajaxSource: &#039;ajax.html&#039;&nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#panel2&#039;).slidePanel({&nbsp; &nbsp; &nbsp; &nbsp; triggerName: &#039;#trigger2&#039;,&nbsp; &nbsp; &nbsp; &nbsp; triggerTopPos: &#039;20px&#039;,&nbsp; &nbsp; &nbsp; &nbsp; panelTopPos: &#039;10px&#039;&nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#panel3&#039;).slidePanel({&nbsp; &nbsp; &nbsp; &nbsp; triggerName: &#039;#trigger3&#039;,&nbsp; &nbsp; &nbsp; &nbsp; triggerTopPos: &#039;220px&#039;,&nbsp; &nbsp; &nbsp; &nbsp; panelTopPos: &#039;200px&#039;,&nbsp; &nbsp; &nbsp; &nbsp; ajax: true,&nbsp; &nbsp; &nbsp; &nbsp; ajaxSource: &#039;ajax.html&#039;&nbsp; &nbsp; });});&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;a href=&quot;#&quot; id=&quot;trigger1&quot; class=&quot;trigger left&quot;&gt;panel&lt;/a&gt;&lt;div id=&quot;panel1&quot; class=&quot;panel left&quot;&gt;&nbsp; &nbsp; &lt;p&gt;Here is some static content for Panel 1.&lt;/p&gt;&nbsp; &nbsp; &lt;p&gt;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.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--wrap Anfang--&gt;&nbsp; &lt;div id=&quot;wrap&quot;&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Header, Navi, Menü, Newsticker Anfang--&gt;&nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt; &nbsp; &nbsp; &lt;div id=&quot;members&quot;&gt;{menu_members}&lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;navi&quot;&gt; {menu_top} &lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;newsticker&quot;&gt; &lt;marquee scrollamount=&quot;3&quot;&gt;langsamer Newsticker&lt;/marquee&gt; &lt;/div&gt;&nbsp; &nbsp;&nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Header, Navi, Menü, Newsticker Ende--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--MenüLinks, Anfang--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;left&quot;&gt;&lt;div&gt;{menu_welcome}&lt;/div&gt;&lt;div&gt;{menu_screenshots}&lt;/div&gt;&nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--MenüLinks, Ende--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Content, Stats Anfang--&gt;&nbsp; &nbsp; &lt;div id=&quot;contentmitstats&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Stats Anfang--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;center&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;!--Stats Ende--&gt;{content}&lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Content,Stats Ende--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--MenüRechts, Anfang--&gt;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;right&quot;&gt;&lt;div &gt;{form_login}{fb_connect}&lt;/div&gt;&lt;div &gt;{menu_linkpartners}&lt;/div&gt;&nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Foooter, Anfang--&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--Foooter, Ende--&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;footer&quot;&gt;{text_footer}&nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &lt;!--Foooter, Ende--&gt;&nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!--wrap Ende--&gt;{bottom}&lt;/body&gt;&lt;/html&gt;[/code]Soll ich so ändern den script:[code]&lt;script type=&quot;text/javascript&quot;&gt;jQ(document).ready(function(){&nbsp; &nbsp; &nbsp; &nbsp; // default settings&nbsp; &nbsp; // $(&#039;.panel&#039;).slidePanel();&nbsp; &nbsp; &nbsp; &nbsp; // custom settings&nbsp; &nbsp; jQ(&#039;#panel1&#039;).slidePanel({&nbsp; &nbsp; &nbsp; &nbsp; triggerName: &#039;#trigger1&#039;,&nbsp; &nbsp; &nbsp; &nbsp; position: &#039;fixed&#039;,&nbsp; &nbsp; &nbsp; &nbsp; triggerTopPos: &#039;20px&#039;,&nbsp; &nbsp; &nbsp; &nbsp; panelTopPos: &#039;10px&#039;,&nbsp; &nbsp; &nbsp; &nbsp; ajax: true,&nbsp; &nbsp; &nbsp; &nbsp; ajaxSource: &#039;ajax.html&#039;&nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; jQ(&#039;#panel2&#039;).slidePanel({&nbsp; &nbsp; &nbsp; &nbsp; triggerName: &#039;#trigger2&#039;,&nbsp; &nbsp; &nbsp; &nbsp; triggerTopPos: &#039;20px&#039;,&nbsp; &nbsp; &nbsp; &nbsp; panelTopPos: &#039;10px&#039;&nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; jQ(&#039;#panel3&#039;).slidePanel({&nbsp; &nbsp; &nbsp; &nbsp; triggerName: &#039;#trigger3&#039;,&nbsp; &nbsp; &nbsp; &nbsp; triggerTopPos: &#039;220px&#039;,&nbsp; &nbsp; &nbsp; &nbsp; panelTopPos: &#039;200px&#039;,&nbsp; &nbsp; &nbsp; &nbsp; ajax: true,&nbsp; &nbsp; &nbsp; &nbsp; ajaxSource: &#039;ajax.html&#039;&nbsp; &nbsp; });});&lt;/script&gt;[/code]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</blockquote>

[QUOTE="Eddy-G, post: 2163603, member: 66143"] [b]AW: Jquery "panel slide" Problem[/b] 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"> Here is some static content for Panel 1. 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.  <div id="wrap">  <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>   <div id="left"> <div>{menu_welcome}</div> <div>{menu_screenshots}</div> </div>   <div id="contentmitstats">  <div id="center">  {content} </div> </div>   <div id="right"> <div >{form_login}{fb_connect}</div> <div >{menu_linkpartners}</div> </div>   <div id="footer"> {text_footer} </div>  </div>  {bottom} </body> </html> [/code] 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> [/code] 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 [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?