toggle-out script

luke.- · 01.09.2010, 10:55

hallo leute, ich habe gerade versucht mir mit javascript, von dem ich im allgemeinen keine ahnung habe, ein einfaches jquery toggle-out zusammenzubauen.

Code:

$(document).ready(function(){
	$(".trigger").click(function(){
		$(".panel").toggle("fast");
		$(this).toggleClass("active");
		return false;
	});
});

das ganze dann noch mit jquery verbunden...
panel ist dabei die class des sich öffnenden ,,pop-outs''
und trigger is die class des links auf den man klicken muss, damit das pop-out kommt..
funktioniert soweit wunderbar, jedoch möchte ich es jetzt noch ein wenig modifizieren.
der sinn des dingens ist es, dass ich untereinander eine songliste habe, und je nachdem auf welchen song ich klicke öffnet sich der entsprechende songtext in einem popout.

mit aktuellem script besteht dabei das problem, dass ich das script und die classes für toggle und panel quasi für jeden song kopieren muss,
denn der inhalt des panel-divs (also der songtext) unterscheidet sich natürlich jedesmal und wenn ich immer die gleiche class übergebe öffnet er ja bei jedem toggle das gleiche panel - versteht ihr wie ich das meine ???

wie kann das script so modifizieren, dass ich das nicht brauche, irgendwie noch eine id übergeben oder sowas in der art?

und noch ne zusatzfrage, aktuell hab ich in der html datei die songtext manuell in den div panel eingefügt - kann ich das evtl irgendwie auslagern, weil der html code wird so ja ellenlang... ???

vielen dank schonmal für eure hilfe, ich hoffe ihr habt verstanden was ich will^^

wolf29 · 01.09.2010, 11:03

Hi.

Zitat:

wie kann das script so modifizieren, dass ich das nicht brauche, irgendwie noch eine id übergeben oder sowas in der art?

Ja, brauchst auf jedenfall eine Unterscheidung.

Zitat:

und noch ne zusatzfrage, aktuell hab ich in der html datei die songtext manuell in den div panel eingefügt - kann ich das evtl irgendwie auslagern, weil der html code wird so ja ellenlang... ???

Stichwort: Datenbank. Darüber hättest Du dann auch eine ID.

Wolf29

luke.- · 01.09.2010, 11:09

hab das mit dem auslagern jetzt einfach n bisl einfacher gemacht und zwar einfach eine song1.php erstellt aus der index.html ne php datei gemacht und die song1.php dann an entsprechender stelle includiert,
mit datenbank und so wollt ich nix großes anfangen, wie gesagt das soll nicht so umfangreich werden eigentlich ^^

wolf29 · 01.09.2010, 11:14

NA ja, hab das schon oft genug gehört und dann wurde es doch größer und die Wartbarkeit immer umständlicher. Ne kleine Datenbank ist schnell gemacht und einfach wartbar, aber ist natürlich deine Entscheidung. Ist imemr gut möglich, dass Du zusätzlich noch Informationen/Bilder o.ä. anbieten willst, und da haut deine Taktik dann nicht mehr hin

!

Wolf29

luke.- · 01.09.2010, 11:54

die php datei mit dem song enthält eigentlich nur ein großes echo, von daher kann ich da auch bilder und andere scripte direkt einbinden, aber das wär jetzt eine endlose diskussion, klar is deins besser, aber mir jetzt zu umfangreich, lassmer das einfach...

was ich suche ist irgendwas in richtung:
id vom toggle übergeben, je nach id des toggles im script mit entsprechendem panel arbeiten

id vom toggle krieg ich doch irgendwie mit getElementById in das script oder?
böses javascript ich kanns einfach nich^^

nikosch · 03.09.2010, 22:53

Den wichtigsten Teil - das zugrundeliegende HTML - hast DU uns unterschlagen. So kann man gar nichts sagen, denn viele Wege führen nach Roma.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Mehrere Werte in einem script verarbeiten	ernich	PHP Tipps 2010	7	09.04.2010 20:24
Script auf bestimmten FTP...	RavenZ	PHP Tipps 2009	10	02.12.2009 16:03
Werte von einem Php Script in ein anderes Php Script üergeben	WINFO2105	PHP Tipps 2009	5	15.07.2009 20:05
Scriptangebot 1 Klick Counter Hosting Script	Charbel	Scriptbörse	0	23.06.2009 07:43
Firefox startet Script bei Timeout wieder neu	Wolla	PHP Tipps 2009	2	18.05.2009 18:07
php script mit html script verbinden	Bimbo-01	PHP Tipps 2009	2	21.02.2009 14:11
[Erledigt] php script und ixed		PHP Tipps 2005-2	14	12.10.2005 13:34
[Erledigt] Verzögerung durch included Script? Umgehen?		PHP Tipps 2005-2	4	10.07.2005 19:26
[Erledigt] Relay Script		PHP-Fortgeschrittene	11	01.06.2005 16:02
[Erledigt] Hilfe bei Download Verwaltungs Script		PHP Tipps 2005	8	04.05.2005 10:29
Fehler bei Script, welches Ordner erstellt	PsychoEagle	PHP Tipps 2005	3	23.04.2005 16:03
python script mit php aufrufen...		PHP-Fortgeschrittene	1	17.11.2004 17:11
PHP Script aus PHP aufrufen	Stümper	PHP Tipps 2004	5	26.09.2004 08:15
"das" Script oder "der" Script??	Simbo	Off-Topic Diskussionen	31	16.09.2004 17:04

01.09.2010, 10:55
luke.- Benutzer Registriert seit: 03.02.2010 Beiträge: 53 PHP-Kenntnisse: Anfänger	toggle-out script hallo leute, ich habe gerade versucht mir mit javascript, von dem ich im allgemeinen keine ahnung habe, ein einfaches jquery toggle-out zusammenzubauen. Code: $(document).ready(function(){ $(".trigger").click(function(){ $(".panel").toggle("fast"); $(this).toggleClass("active"); return false; }); }); das ganze dann noch mit jquery verbunden... panel ist dabei die class des sich öffnenden ,,pop-outs'' und trigger is die class des links auf den man klicken muss, damit das pop-out kommt.. funktioniert soweit wunderbar, jedoch möchte ich es jetzt noch ein wenig modifizieren. der sinn des dingens ist es, dass ich untereinander eine songliste habe, und je nachdem auf welchen song ich klicke öffnet sich der entsprechende songtext in einem popout. mit aktuellem script besteht dabei das problem, dass ich das script und die classes für toggle und panel quasi für jeden song kopieren muss, denn der inhalt des panel-divs (also der songtext) unterscheidet sich natürlich jedesmal und wenn ich immer die gleiche class übergebe öffnet er ja bei jedem toggle das gleiche panel - versteht ihr wie ich das meine ??? wie kann das script so modifizieren, dass ich das nicht brauche, irgendwie noch eine id übergeben oder sowas in der art? und noch ne zusatzfrage, aktuell hab ich in der html datei die songtext manuell in den div panel eingefügt - kann ich das evtl irgendwie auslagern, weil der html code wird so ja ellenlang... ??? vielen dank schonmal für eure hilfe, ich hoffe ihr habt verstanden was ich will^^


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.09.2010, 11:09
luke.- Benutzer Registriert seit: 03.02.2010 Beiträge: 53 PHP-Kenntnisse: Anfänger	hab das mit dem auslagern jetzt einfach n bisl einfacher gemacht und zwar einfach eine song1.php erstellt aus der index.html ne php datei gemacht und die song1.php dann an entsprechender stelle includiert, mit datenbank und so wollt ich nix großes anfangen, wie gesagt das soll nicht so umfangreich werden eigentlich ^^

01.09.2010, 11:14
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.672 PHP-Kenntnisse: Fortgeschritten	NA ja, hab das schon oft genug gehört und dann wurde es doch größer und die Wartbarkeit immer umständlicher. Ne kleine Datenbank ist schnell gemacht und einfach wartbar, aber ist natürlich deine Entscheidung. Ist imemr gut möglich, dass Du zusätzlich noch Informationen/Bilder o.ä. anbieten willst, und da haut deine Taktik dann nicht mehr hin! Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

01.09.2010, 11:54
luke.- Benutzer Registriert seit: 03.02.2010 Beiträge: 53 PHP-Kenntnisse: Anfänger	die php datei mit dem song enthält eigentlich nur ein großes echo, von daher kann ich da auch bilder und andere scripte direkt einbinden, aber das wär jetzt eine endlose diskussion, klar is deins besser, aber mir jetzt zu umfangreich, lassmer das einfach... was ich suche ist irgendwas in richtung: id vom toggle übergeben, je nach id des toggles im script mit entsprechendem panel arbeiten id vom toggle krieg ich doch irgendwie mit getElementById in das script oder? böses javascript ich kanns einfach nich^^

03.09.2010, 22:53
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.241 PHP-Kenntnisse: Fortgeschritten	Den wichtigsten Teil - das zugrundeliegende HTML - hast DU uns unterschlagen. So kann man gar nichts sagen, denn viele Wege führen nach Roma. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --