Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Swinq" data-source="post: 1790723" data-attributes="member: 322784"><p><strong>AW: jQuery append Problem</strong></p><p></p><p>Im folgendem eine &quot;Skizze&quot; der Funktion. (Erst ekelhaft schreiben und hinterher überarbeiten.)</p><p></p><p>Hatte test weise noch die live Funktion mit eingebunden; Funktioniert aber nicht.</p><p></p><p>[CODE](function($) {</p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; $.fn.bioLink = function(e) {</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;.box&#039;).hide();</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#&#039;+ $(this).attr(&#039;cont&#039;) +&#039;-cont&#039;).show();</p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; };</p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; $.fn.bio = function(options,e) {</p><p>&nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; var defaults = {</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; isAdmin: 0,</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; userID: 999999</p><p>&nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; };</p><p>&nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; var options = $.extend(defaults, options);</p><p>&nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; $(this).live(&#039;click&#039;, function() {</p><p></p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).show();</p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;body&#039;).append(&#039;&lt;div id=&quot;biographie&quot;&gt;&lt;div id=&quot;final-bio&quot;&gt;&lt;div id=&quot;kill-bio&quot;&gt;&lt;img src=&quot;close.png&quot;&gt;&lt;/div&gt;&lt;div id=&quot;content-bio&quot;&gt;&lt;div id=&quot;content-bio-img&quot;&gt;&lt;div id=&quot;content-bio-font&quot;&gt;&lt;center&gt;&lt;div id=&quot;bio&quot;&gt;&lt;a href=&quot;javascript:void(0);&quot; id=&quot;bio&quot; class=&quot;linkLink&quot; cont=&quot;bio-bio&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div id=&quot;leist&quot;&gt;&lt;a href=&quot;javascript:void(0);&quot; class=&quot;linkLink&quot; id=&quot;leist&quot; cont=&quot;bio-news&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div id=&quot;diary&quot;&gt;&lt;a href=&quot;#&quot; id=&quot;diary&quot; class=&quot;linkLink&quot; cont=&quot;bio-diary&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;div id=&quot;bio-start&quot; class=&quot;box&quot;&gt;&lt;center&gt;&lt;img src=&quot;ava.png&quot;&gt;&lt;/center&gt;&lt;/div&gt;&lt;div id=&quot;bio-bio-cont&quot; class=&quot;box&quot;&gt;{_UNKNOWN_BIOGRAPHIE_}&lt;/div&gt;&lt;div id=&quot;bio-news-cont&quot; class=&quot;box&quot;&gt;&lt;div id=&quot;scrollbar1&quot;&gt;&lt;div class=&quot;scrollbar&quot;&gt;&lt;div class=&quot;track&quot;&gt;&lt;div class=&quot;thumb&quot;&gt;&lt;div class=&quot;end&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;viewport&quot;&gt;&lt;div class=&quot;overview&quot;&gt;{_UNKNOWN_NEWS_}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;bio-diary-cont&quot; class=&quot;box&quot;&gt;{_UNKNOWN_DIARY_}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#039;);</p><p></p><p></p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#biographie&#039;).css(&#039;position&#039;,&#039;absolute&#039;);</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#biographie&#039;).css(&#039;top&#039;, ( $(window).height() - $(&#039;#biographie&#039;).height() ) / 2+$(window).scrollTop() + &#039;px&#039;);</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#biographie&#039;).css(&#039;left&#039;, ( $(window).width() - $(&#039;#biographie&#039;).width() ) / 2+$(window).scrollLeft() + &#039;px&#039;);</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;.linkLink&#039;).click(function(e) {</p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).bioLink(e);</p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;#scrollbar1&#039;).tinyscrollbar();</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; });</p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; };</p><p></p><p>})(jQuery);[/CODE]</p></blockquote><p></p>

[QUOTE="Swinq, post: 1790723, member: 322784"] [b]AW: jQuery append Problem[/b] Im folgendem eine "Skizze" der Funktion. (Erst ekelhaft schreiben und hinterher überarbeiten.) Hatte test weise noch die live Funktion mit eingebunden; Funktioniert aber nicht. [CODE](function($) { $.fn.bioLink = function(e) { $('.box').hide(); $('#'+ $(this).attr('cont') +'-cont').show(); }; $.fn.bio = function(options,e) { var defaults = { isAdmin: 0, userID: 999999 }; var options = $.extend(defaults, options); $(this).live('click', function() { $(this).show(); $('body').append('<div id="biographie"><div id="final-bio"><div id="kill-bio"><img src="close.png"></div><div id="content-bio"><div id="content-bio-img"><div id="content-bio-font"><center><div id="bio"><a href="javascript:void(0);" id="bio" class="linkLink" cont="bio-bio"></a></div><div id="leist"><a href="javascript:void(0);" class="linkLink" id="leist" cont="bio-news"></a></div><div id="diary"><a href="#" id="diary" class="linkLink" cont="bio-diary"></a></div></center><br /><br /><div id="bio-start" class="box"><center><img src="ava.png"></center></div><div id="bio-bio-cont" class="box">{_UNKNOWN_BIOGRAPHIE_}</div><div id="bio-news-cont" class="box"><div id="scrollbar1"><div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div><div class="viewport"><div class="overview">{_UNKNOWN_NEWS_}</div></div></div></div><div id="bio-diary-cont" class="box">{_UNKNOWN_DIARY_}</div></div></div></div></div></div>'); $('#biographie').css('position','absolute'); $('#biographie').css('top', ( $(window).height() - $('#biographie').height() ) / 2+$(window).scrollTop() + 'px'); $('#biographie').css('left', ( $(window).width() - $('#biographie').width() ) / 2+$(window).scrollLeft() + 'px'); $('.linkLink').click(function(e) { $(this).bioLink(e); }); $('#scrollbar1').tinyscrollbar(); }); }; })(jQuery);[/CODE] [/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?