#1 9. Dezember 2011 Klappentext Hi Leute! Ich habe folgende Aufgabe: Ich bekomme mehrere Projektbeschreibungen mit Titel, Dauer, Inhalt, Verantwortlicher, usw. Das ganze soll auf einer HTML-Seite dargestellt werden. Ich möchte jetzt den Titel und den Verantwortlichen als Überschrift benutzen, und dahinter ein kleines "+" basteln, was beim drücken die restlichen Informationen preisgibt. Also quasi wie unser Spoiler. Nur weiss ich nicht wie ich das mache und nach was genau ich suchen soll um da ne Anleitung zu finden. Wäre also toll wenn mir kurz einer nen Tipp geben kann. greetz fragl0r Nochmal als Beispiel wie es ungefair gemeint war: Das tolle Projekt - fragl0r Spoiler Das ist ein total tolles Projekt Von Heute bis Morgen Weitere Infos http://www.Projekt-Homepage.proj + Multi-Zitat Zitieren
#2 9. Dezember 2011 AW: Klappentext schau dir das doch mal an jQuery Expander Plugin + Multi-Zitat Zitieren
#3 9. Dezember 2011 AW: Klappentext man muss nicht für jeden scheiss ein ganzes framework einbinden, nur weil man selber nicht in der lage ist die einfachsten sachen umzusetzen. schlimm genug, dass viele sog. "webentwickler" den unterschied zwischen jquery und javascript nicht deuten können (nerdrage ) HTML: <!DOCTYPE html> <html> <head> <title>Toggle</title> <meta http-equiv="Content-Type" content="text/html; CHarset=UTF-8" /> </head> <body> <div id="expand-me-1"> <p>Intro <a href="javascript:toggle('expand-me-1'); void 0;">Toggle</a></p> <div class="more" style="display:none"> <p>More</p> </div> </div> <script type="text/javascript"> // <![CDATA[ function toggle(e) { var m = document.querySelector("#" + e + " div.more"); m.style.display = (m.style.display == "none") ? "block" : "none"; } // ]]> </script> </body> </html> + Multi-Zitat Zitieren
#4 9. Dezember 2011 AW: Klappentext Das ist natürlich fail Aber ist es nicht so, dass ich mit einem Framework wesentlich besser für alle Browser programmiere? Ist bei so etwas kleinem kein Problem natürlich, glaube mich aber zurückerinnern zu können, dass ich, als ich das erste Mal so ein toggle geschrieben habe, immer zwischen IE, FF und Opera unterschieden hatte ... + Multi-Zitat Zitieren
#5 9. Dezember 2011 AW: Klappentext zwischen browsern zu unterscheiden ist eine sehr sehr schlechte praxis, die auch mal schnell daneben gehen kann. stichwort: spoofing. für ein einfaches wechseln zwischen display:block und display:none braucht man aber kein framework, welches mir alle möglichen macken des browsers ausbügeln will. ich habe oben z.b. die selectors-api benutzt und damit alle IEs älter als version 8 ausgeschlossen. folgender code sollte browserweit funktionieren: Code: function toggle(e) { var m; if (document.querySelector) // selectors-api (IE8+) m = document.querySelector("#" + e + " .more"); else if (document.getElementsByClassName) // ..byClass (eigl. sinnfrei, aber naja) m = document.getElementById(e).getElementsByClassName("more")[0]; else { // i'm walking <http://www.youtube.com/watch?v=oOR1OkwiBCY> m = document.getElementById(e).firstChild; do { m = m.nextSibling; } while (m && !(m.className || "").match(/\bmore\b/)); } m.style.display = (m.style.display == "none") ? "block" : "none"; } ich persönlich finde solche sachen 100x interessanter als $("...") und vorallem als anfänger weiß man was mach eigl. macht. oder kannst du (@powernator) mir auf anhieb sagen was beim funktionsaufruf von $() @ jquery passiert? (außer, dass da irgendwie elemente gesucht werden ^^) und an alle die den youtube link im code entdeckt haben: viel spaß mit dem ohrwurm + Multi-Zitat Zitieren