|
|||
Zitat:
Rechtest Beispiel, klicke auf das 1. Theme, jetzt wäre es cool wenn man über den Pfeil rechts, der jetzt nach oben zeigt das Thema wieder schließen könnte. Jetzt musst man immer irgendein anderes Thema wählen, aber eins bleibt so immer offen. |
Sponsored Links |
|
||||
Was ist hier mit
Url zur Demo von mir Mußt dir nur ein Pfeil suchen dazu hatte ich keine lust. Nimmst das"V" raus und machst ein Pfeil Symbol rein.Dan sollte das Script das machen was du wolltest. Falls nicht dann weiß ich auch nichtmehr was du genau meinst. Mit den drehen ist noch nicht perfekt ,aber befor ich mir da sorgen mace muß ich erstmal wissen ob das so überhaupt richtig ist. Geändert von basti1012 (08.08.2018 um 10:39 Uhr) |
Sponsored Links |
|
|||
Listen to File Update
Das sieht nach checkboxen aus, es soll ja immer noch ein Thema max offen sein. Ich werde hier mal versuchen, mit js nachzuhelfen Im Radio Modus: <input id='tab-four-$index-$zahl' type='radio' onClick='steuer("tab-four-$index-zahl")' name='tabs2'> Lasse ich mir über die js Funktion steuer den Status ausgeben, der ist aber immer True Geändert von seerose (08.08.2018 um 22:12 Uhr) |
|
|||
wie man es dreht, kein Erfolg
Zitat:
Ja genau, es soll immer nur ein Thema offen sein. Also wie bei 3 Radio Button. und: Das der eine auch wieder zu geht ohne einen neuen zu öffnen beim input habe ich eine onClick JS-Funktion eingebaut die Funktion sollte prüfen. ist das Thema offen, dann schließen Von der Logik funktioniert es so 100% Aber der Status zeigt immer True an, 1. wenn das Thema schon offen ist, ist logisch 2. auch wenn es noch nicht offen ist Weil über den Klick wird das Thema geöffnet, zusätzlich habe ich meine Onclick Funktion dort eingebaut, die greift aber wohl erst wenn das Thema schon offen ist, also der Radio Button gedrückt Es gibt aber noch den onmousedown Event, der feuert schon wenn man die Maus nur drück, ohne loszulassen Auch hier hätte man das Problem löschen können, aber onmousedown funktioniert nicht im input Befehl. mein Versuch: (zahl ist 1 2 3) HTML-Code:
<input id='zahl' type='radio' onClick='steuer(zahl)' name='tabs2'>
function steuer(aktuell)
{
st= document.getElementById(aktuell).checked;
alert (st) // immer true
}
Man könnte vielleicht den Pfeil über css weg nehmen und ihn über html setzen, ist aber mit viel fummel Arbeit verbunden Geändert von seerose (10.08.2018 um 12:19 Uhr) |
|
||||
Ok dann halt der letzte Versuch
Soll es so aussehen ? Accordeon Versuchs 5? Demo Jede box läßt sich öffnen und schließen ,und es geht immer nur eine Box auf |
|
|||
Zitat:
Wie wird sowas über js & css gemacht oder läuft die Logik nur über Jquery, denn das benutze ich ungern Geändert von seerose (10.08.2018 um 22:59 Uhr) |
|
||||
In welcher Demo meinst du den jetzt ? Weil hier ist ja jetzt irgendwie alles durcheinander geraten. Aber ich sage mal ja weil eigentlich läßt sich das überall einbauen.
In meinen Script läuft das jetzt mit Jquery. Ob es da eine reine Css Lösung gibt bin ich mir jetzt nicht sicher. Man könnte es vieleicht komplett umbauen das es mit Css alleine klappen könnte ,nur habe ich da heute keine Zeit zu das mal zu testen. Ich werde es aber trotzdem mal morgen versuchen. Aber wie du ja siehst mit Javascript ist das kein problem. Zu deine Frage ob das auch ohne Jquery geht sage ich ja zu. Nur müßte man den ganzen jquery Kram umschreiben. Jquery ist ja Js ,es vereinfacht nur ein paar sachen und quetscht viel Code in einen kürzeren. Wenn man sich mit JS auskennt kann man es auch ohne Jquery zu laufen bringen das ist kein Problem |
|
|||
Zitat:
Das mit dem durcheinander ist wirklich so, ich muss mir auch wegen deiner Geduld bedanken. https://codepen.io/raubaca/pen/PZzpVe hier habe ich das rechte Blaue Demo in mein Projekt eingebaut. Das läuft über Radio, man kann ein Thema nicht wieder schließen ohne ein anders aufzumachen, halt wie normale Radio Buttons. |
Sponsored Links |
|
||||
Jetzt verstehe ich gar nix mehr . In meinen post 16 ist ein Link wo dein Blaues Menü drinne ist mit radio buttons. Da kann man jedes Feld einzelnd öffnen und schliessen. Genau das ist doch dein Ziel ? Oder bin ich jetzt irgendwie panne in der Birne. Sag mir mal was in den Link von Beitrag 16 noch geändert werden muß um alles zu haben was du brauchst.
Fals du den Code auf meiner Seite genommen haben solltest dann binde mal jquery ein,das wird immer wieder gerne vergessen. EDIT. Sorry Hat sich erledigt .Ich versuche das nochmal mit Css. Kann den Beitrag hier nicht löschen ,geht irgendwie nicht .Komischer Browser Geändert von basti1012 (14.08.2018 um 19:44 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Umfragen zum Thema "Biometrische Verfahren" und "Datenschutz" | asiani | Offtopic | 2 | 19.11.2012 13:57 |
Video zum Thema Barrierefreies Webdesign | Webstandard | Barrierefreiheit | 11 | 27.11.2006 14:41 |
Foren und Blogs zum Thema Webdesign | Lloyd Larkin | Offtopic | 1 | 05.03.2006 15:12 |
Scrollbares Textfeld mit purem CSS | Dancer | CSS | 6 | 24.01.2005 16:58 |
Thema Schriftgrößen | Alex | Knowledge Base | 16 | 06.08.2004 11:52 |