Bei Klick auf Schaltfläche kleines Menu öffnen

litterauspirna · 15.06.2009, 16:28

Hallo Leute,

ich will meinen BB-Code Editor verfeinern und suche nun ein Codesnippet das folgendes macht.

Ich klicke auf eine kleine Schatfläche da und an dieser Schaltfläche öffnet sich dann ein kleines Menu wo die Schaltflächen dazu drin sind die dann per Klick den BB-Code einfügen.

Kennt da jemand was? Das soll so sein wie hier drin wenn ich zum Beispiel auf das A für die Schriftfarben klicke.

Danke für eure Antworten.

Gruß litter

Screeze · 15.06.2009, 17:56

ist doch leicht zu realisieren, oder hab ichs falsch verstanden?

beim onclick ereignis des buttons lässt du ein div erscheinen, welches beim anklicken von was andrem wieder versteckt wird. die buttons da drinnen funktionieren dann genauso wir alle andern.

Korrigier mich wenn ich dich doch falsch verstanden habe

litterauspirna · 15.06.2009, 18:53

Nee verstanden hast mich schon richtig. Ich weis mit Javascript leider nicht wirklich Bescheid darum fragte ich ja ob jemand so ein Snippet hat. Die Schaltflächen stehen als Links da nicht als Buttons.

Zumal das soll genau an der Schaltfäche erscheinen der kleine DIV.

Screeze · 15.06.2009, 19:35

Wenn es drunter angezeigt werden soll, könnte es villeicht über css gelöst werden, wie bei einem dynamischen menü (mit verwendung von <li> tags) du blendest lediglich nur 1 weiteres li ein, welches die buttons enthält. ein bisschen css und das ding müsste auch an der richtigen stelle sitzen. Bin aber nicht sicher ob es möglich ist die Breite zu "sprengen" weil das menü ja breiter wäre wie der 1. listpunkt.

andernfalls müsste sich das bei google finden lassen, oder du zerlegst mal den code von dem editor hier

litterauspirna · 15.06.2009, 20:00

Nunja bevor ich hier gepostet habe, habe ich schon Google bemüht aber gefunden nicht wirklich was ich suche.

Eingegeben habe ich folgendes.

DIV einblenden nach Mausklick auf Link

Screeze · 15.06.2009, 20:15

ich habs mit "div mausklick anzeigen" versucht. einer der ersten links:

Div mit JavaScript ein- ausblenden - Browser Scripting - Webdesign - Artikel | weedit - Portal für Webmaster

Lässt sich evtl. umbauen.
Die theorie:

du hast einen nicht sichtbaren container. bei klick auf dein link (onClick) wird er sichtbar. dazu musst du allerdings die position des Links ausfindig machen und es dementsprechen positionieren.

Hast du die css lösung versucht? wäre meiner ansicht nach vill. sogar einfacher und browserfreundlicher (kein js)

phpdummi · 17.06.2009, 15:31

Bist du weitergekommen litter? Wenn nicht stell mal deinen Editor online und ich bastel dir schnell was mit jQuery

drsoong · 23.06.2009, 23:30

Hi also bastle Dir doch erst mal Deinen Button und Dein DIV so, dass alles zu sehen ist. Dann verpaßt Du dem DIV eine id

Code:

id="myDiv"

und eine CSS-Anweisung die

Code:

visibility:hidden;

enthält.

Dann der Javascript Code

Code:

function toggleVisibility (id) {obj = document.getElementById(id);
obj.style.visibility = obj.style.visibility == 'hidden' ? 'visible' : 'hidden';}

In deinen Button Tag schreibst Du dann

Code:

onclick="toggleVisibility('myDiv');"

Das wär's. Hab es nicht getestet müßte aber funktionieren.

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
zwei links mit einem klick öffnen		HTML, Usability und Barrierefreiheit	9	03.10.2010 01:04
[Erledigt] Links in verschieden DIVs öffnen	axes	PHP Tipps 2009	4	06.02.2009 19:17
Aufklappbares Menü mit Obektverschieben beim Öffnen funktioniert nicht richtig	K3HLIM	JavaScript, Ajax und mehr	4	14.01.2009 20:03
Links vom Untermenü in Container öffnen	Surfer	PHP Tipps 2008	0	27.12.2008 19:24
[Erledigt] Popup mit Klick auf einen Link öffnen...allerdings alles in der <a href-An	BartTheDevil89	JavaScript, Ajax und mehr	1	25.12.2008 20:31
horizontales Menü	Fritz73	Scriptbörse	9	26.05.2008 22:26
Menü öffnen wenn ich auf link klicke...		HTML, Usability und Barrierefreiheit	1	19.01.2006 22:47
[Erledigt] kleines Menu erstellen		PHP Tipps 2005-2	2	16.10.2005 23:37
wie gehts schöner/besser?	AliceD	HTML, Usability und Barrierefreiheit	1	06.09.2005 08:59
klick auf swf -> fenster öffnen		HTML, Usability und Barrierefreiheit	6	26.04.2005 15:46
Menü auf php-Seite		PHP Tipps 2005	20	01.02.2005 20:24
ADCELL Vermarktung zu 75% Pay per Klick Kampagnen		Beitragsarchiv	0	18.10.2004 12:37

15.06.2009, 16:28
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.072 PHP-Kenntnisse: Anfänger	Bei Klick auf Schaltfläche kleines Menu öffnen Hallo Leute, ich will meinen BB-Code Editor verfeinern und suche nun ein Codesnippet das folgendes macht. Ich klicke auf eine kleine Schatfläche da und an dieser Schaltfläche öffnet sich dann ein kleines Menu wo die Schaltflächen dazu drin sind die dann per Klick den BB-Code einfügen. Kennt da jemand was? Das soll so sein wie hier drin wenn ich zum Beispiel auf das A für die Schriftfarben klicke. Danke für eure Antworten. Gruß litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de


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

15.06.2009, 17:56
Screeze Erfahrener Benutzer Registriert seit: 04.01.2009 Beiträge: 844 PHP-Kenntnisse: Fortgeschritten	ist doch leicht zu realisieren, oder hab ichs falsch verstanden? beim onclick ereignis des buttons lässt du ein div erscheinen, welches beim anklicken von was andrem wieder versteckt wird. die buttons da drinnen funktionieren dann genauso wir alle andern. Korrigier mich wenn ich dich doch falsch verstanden habe __________________ Develovision Blog

15.06.2009, 18:53
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.072 PHP-Kenntnisse: Anfänger	Nee verstanden hast mich schon richtig. Ich weis mit Javascript leider nicht wirklich Bescheid darum fragte ich ja ob jemand so ein Snippet hat. Die Schaltflächen stehen als Links da nicht als Buttons. Zumal das soll genau an der Schaltfäche erscheinen der kleine DIV. __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de

15.06.2009, 19:35
Screeze Erfahrener Benutzer Registriert seit: 04.01.2009 Beiträge: 844 PHP-Kenntnisse: Fortgeschritten	Wenn es drunter angezeigt werden soll, könnte es villeicht über css gelöst werden, wie bei einem dynamischen menü (mit verwendung von <li> tags) du blendest lediglich nur 1 weiteres li ein, welches die buttons enthält. ein bisschen css und das ding müsste auch an der richtigen stelle sitzen. Bin aber nicht sicher ob es möglich ist die Breite zu "sprengen" weil das menü ja breiter wäre wie der 1. listpunkt. andernfalls müsste sich das bei google finden lassen, oder du zerlegst mal den code von dem editor hier __________________ Develovision Blog

15.06.2009, 20:00
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.072 PHP-Kenntnisse: Anfänger	Nunja bevor ich hier gepostet habe, habe ich schon Google bemüht aber gefunden nicht wirklich was ich suche. Eingegeben habe ich folgendes. DIV einblenden nach Mausklick auf Link __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de

15.06.2009, 20:15
Screeze Erfahrener Benutzer Registriert seit: 04.01.2009 Beiträge: 844 PHP-Kenntnisse: Fortgeschritten	ich habs mit "div mausklick anzeigen" versucht. einer der ersten links: Div mit JavaScript ein- ausblenden - Browser Scripting - Webdesign - Artikel \| weedit - Portal für Webmaster Lässt sich evtl. umbauen. Die theorie: du hast einen nicht sichtbaren container. bei klick auf dein link (onClick) wird er sichtbar. dazu musst du allerdings die position des Links ausfindig machen und es dementsprechen positionieren. Hast du die css lösung versucht? wäre meiner ansicht nach vill. sogar einfacher und browserfreundlicher (kein js) __________________ Develovision Blog

17.06.2009, 15:31
phpdummi Erfahrener Benutzer Registriert seit: 06.06.2008 Beiträge: 1.631 PHP-Kenntnisse: Anfänger	Bist du weitergekommen litter? Wenn nicht stell mal deinen Editor online und ich bastel dir schnell was mit jQuery __________________ "Nobody is as smart as everybody" - Kevin Kelly — The best things in life aren't things

23.06.2009, 23:30
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.003	Hi also bastle Dir doch erst mal Deinen Button und Dein DIV so, dass alles zu sehen ist. Dann verpaßt Du dem DIV eine id Code: id="myDiv" und eine CSS-Anweisung die Code: visibility:hidden; enthält. Dann der Javascript Code Code: function toggleVisibility (id) {obj = document.getElementById(id); obj.style.visibility = obj.style.visibility == 'hidden' ? 'visible' : 'hidden';} In deinen Button Tag schreibst Du dann Code: onclick="toggleVisibility('myDiv');" Das wär's. Hab es nicht getestet müßte aber funktionieren.