Auf Thema antworten 2026

Beitrag

<blockquote data-quote="une_art" data-source="post: 1893041" data-attributes="member: 124648">AW: [une_art / Portfolio &amp; Blog] WIP-KritikDas Kontaktformular wollte ich auf der Startseite nur anzeigen lassen, wenn Javascript angeschaltet ist. Ansonsten müsste ich ihm per Javascript ein display:none zuweisen und dann würde bei jedem laden der Seite erst das Kontaktformular kurz erscheinen, dann mit JS ausgeblendet werden um beim Klickem wieder zu erscheinen.Stattdessen habe ich dem Link &quot;Kontakt aufnehmen&quot; bei abgeschaltetem JS ein anderes Icon verpasst und ihn auf die Kontakt-Seite verweisen lassen. JS ändert die CSS-Klassen und das href=&quot;&quot;-Atrribut dann so, dass das Kontaktformular auf der Startseite eingeblendet wird.Die Projektfilter funktionieren leider ohne Javascript nicht, da der ganze FIlter darauf aufbaut. Allerdings kann man die Projekte trotzdem in der Einzelansicht anschauen. Ich werde aber noch einmal überlegen, die Filter-Buttons bei ausgeschaltetem JS ganz auszublenden.Über die Pfeile muss ich mir auch noch einmal Gedanken machen. Bei dem Slider auf der Startseite handelt es sich um den Nivo-Slider, in diesem Fall als Wordpress-Plugin. So wirklich zufrieden bin ich mit dem auch noch nicht, da er, wie du sehr richtig angesprochen hast, an manchen Stellen doch recht hakelige Elemente einbindet.Warum ich die &quot;Klick&quot;-Grafik nicht einfach als HG-Bild eingebunden habe ist mir gerade selbst ein Rätsel. Warum einfach, wenn es auch kompliziert geht <img src="/styles/default/xenforo/smilies/biggrin.gif"&nbsp; class="smilie" loading="lazy" alt=":D" title="Big Grin&nbsp; &nbsp; :D" data-shortname=":D" /> Danke für den Hinweis.Das Wechseln der Projekte bereitet mir auch noch Kopfschmerzen. Die Projektansicht liegt in einer zweiten PHP-Datei, die bei Klick auf ein Projekt per AJAX nachgeladen wird. Anschließend wird der Bereich oben &quot;aufgeslidet&quot;. Beim Schließen soll es dann eben wieder nach oben rutschen und verschwinden. Leider werden beim Klick auf ein weiteres Projekt immer wieder beide Animationen ausgeführt. Stattdessen hätte ich dort lieber ein ausfaden des einen, und einfaden des anderen Projektes.Hat jemand eine Idee, wie man das bewerkstelligen könnte? Hier mal der jQuery-Code der Nachlade-Funktion:[CODE]/********************************&nbsp; &nbsp; AJAX Project Loader *********************************/&nbsp; &nbsp; //Define Variables&nbsp; &nbsp; &nbsp; &nbsp; var project_single = $(&quot;#single-project&quot;);&nbsp; &nbsp; &nbsp; &nbsp; var project_load = $(&quot;#project-loading&quot;);&nbsp; &nbsp; &nbsp; &nbsp; var project_wrap = $(&quot;#single-project-wrapper&quot;);&nbsp; &nbsp; &nbsp; &nbsp; var project_trigger = $(&quot;.prothumb a&quot;);&nbsp; &nbsp; &nbsp; &nbsp; var project_close = $(&quot;#project-hide&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $.ajaxSetup({cache:false});&nbsp; &nbsp; &nbsp; &nbsp; // hide Project view on start&nbsp; &nbsp; project_single.slideUp();&nbsp; &nbsp; &nbsp; &nbsp; //Click Event&nbsp; &nbsp; project_trigger.click(function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; showLoading(); //Show Loading animation&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var post_id = $(this).attr(&quot;rel&quot;)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; project_single.slideUp(); //Hide previous project&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; project_single.load(&quot;../project-load/&quot;,{id:post_id}, function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hideLoading(); //Hide Loading button and show project&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; showClose(); //Show close Button&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; pro_nivo();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;html,body&#039;).delay(450).animate({scrollTop: 200}, 700);&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; // close button functions&nbsp; &nbsp; &nbsp; &nbsp; project_close.click(function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; project_single.fadeTo(700, 0).slideUp();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hideClose();&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Loading functions&nbsp; &nbsp; &nbsp; &nbsp; //show loading bar &nbsp; &nbsp; &nbsp; &nbsp; function showLoading(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; project_load&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css({visibility:&quot;visible&quot;})&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css({opacity:&quot;1&quot;})&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css({display:&quot;block&quot;})&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; //fade out loading bar and show project view&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function hideLoading(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; project_load.fadeTo(500, 0);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; showSingle();&nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; //show close link &nbsp; &nbsp; &nbsp; &nbsp; function showClose(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; project_close&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css({visibility:&quot;visible&quot;})&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css({opacity:&quot;1&quot;})&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css({display:&quot;block&quot;})&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ;&nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; // fade out close link&nbsp; &nbsp; &nbsp; &nbsp; function hideClose(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; project_close.fadeTo(300, 0);&nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; // show Project view&nbsp; &nbsp; &nbsp; &nbsp; function showSingle(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; project_single&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .slideDown()&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css({visibility:&quot;visible&quot;})&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css({opacity:&quot;1&quot;})&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .css({display:&quot;block&quot;})&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ;&nbsp; &nbsp; &nbsp; &nbsp; };/* end of AJAX project Loader */[/CODE]Danke für den Hinweis, aber worauf willst du hinaus ? <img src="/styles/default/xenforo/smilies/tongue.gif"&nbsp; class="smilie" loading="lazy" alt=":P" title="Stick Out Tongue&nbsp; &nbsp; :P" data-shortname=":P" /></blockquote>

[QUOTE="une_art, post: 1893041, member: 124648"] [b]AW: [une_art / Portfolio & Blog] WIP-Kritik[/b] Das Kontaktformular wollte ich auf der Startseite nur anzeigen lassen, wenn Javascript angeschaltet ist. Ansonsten müsste ich ihm per Javascript ein display:none zuweisen und dann würde bei jedem laden der Seite erst das Kontaktformular kurz erscheinen, dann mit JS ausgeblendet werden um beim Klickem wieder zu erscheinen. Stattdessen habe ich dem Link "Kontakt aufnehmen" bei abgeschaltetem JS ein anderes Icon verpasst und ihn auf die Kontakt-Seite verweisen lassen. JS ändert die CSS-Klassen und das href=""-Atrribut dann so, dass das Kontaktformular auf der Startseite eingeblendet wird. Die Projektfilter funktionieren leider ohne Javascript nicht, da der ganze FIlter darauf aufbaut. Allerdings kann man die Projekte trotzdem in der Einzelansicht anschauen. Ich werde aber noch einmal überlegen, die Filter-Buttons bei ausgeschaltetem JS ganz auszublenden. Über die Pfeile muss ich mir auch noch einmal Gedanken machen. Bei dem Slider auf der Startseite handelt es sich um den Nivo-Slider, in diesem Fall als Wordpress-Plugin. So wirklich zufrieden bin ich mit dem auch noch nicht, da er, wie du sehr richtig angesprochen hast, an manchen Stellen doch recht hakelige Elemente einbindet. Warum ich die "Klick"-Grafik nicht einfach als HG-Bild eingebunden habe ist mir gerade selbst ein Rätsel. Warum einfach, wenn es auch kompliziert geht :D Danke für den Hinweis. Das Wechseln der Projekte bereitet mir auch noch Kopfschmerzen. Die Projektansicht liegt in einer zweiten PHP-Datei, die bei Klick auf ein Projekt per AJAX nachgeladen wird. Anschließend wird der Bereich oben "aufgeslidet". Beim Schließen soll es dann eben wieder nach oben rutschen und verschwinden. Leider werden beim Klick auf ein weiteres Projekt immer wieder beide Animationen ausgeführt. Stattdessen hätte ich dort lieber ein ausfaden des einen, und einfaden des anderen Projektes. Hat jemand eine Idee, wie man das bewerkstelligen könnte? Hier mal der jQuery-Code der Nachlade-Funktion: [CODE] /******************************** AJAX Project Loader *********************************/ //Define Variables var project_single = $("#single-project"); var project_load = $("#project-loading"); var project_wrap = $("#single-project-wrapper"); var project_trigger = $(".prothumb a"); var project_close = $("#project-hide"); $.ajaxSetup({cache:false}); // hide Project view on start project_single.slideUp(); //Click Event project_trigger.click(function(){ showLoading(); //Show Loading animation var post_id = $(this).attr("rel") project_single.slideUp(); //Hide previous project project_single.load("../project-load/",{id:post_id}, function(){ hideLoading(); //Hide Loading button and show project showClose(); //Show close Button pro_nivo(); $('html,body').delay(450).animate({scrollTop: 200}, 700); }); return false; }); // close button functions project_close.click(function(){ project_single.fadeTo(700, 0).slideUp(); hideClose(); }); // Loading functions //show loading bar function showLoading(){ project_load .css({visibility:"visible"}) .css({opacity:"1"}) .css({display:"block"}) ; }; //fade out loading bar and show project view function hideLoading(){ project_load.fadeTo(500, 0); showSingle(); }; //show close link function showClose(){ project_close .css({visibility:"visible"}) .css({opacity:"1"}) .css({display:"block"}) ; }; // fade out close link function hideClose(){ project_close.fadeTo(300, 0); }; // show Project view function showSingle(){ project_single .slideDown() .css({visibility:"visible"}) .css({opacity:"1"}) .css({display:"block"}) ; };/* end of AJAX project Loader */ [/CODE] Danke für den Hinweis, aber worauf willst du hinaus ? :P [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?