Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
HTML
CSS Tabs - Adressierbar
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="daloop04, post: 11102, member: 1984"] Hallo zusammen, wahrscheinlich ist es das Alter, oder ich bin einfach zu dumm, aber ich finde keine richtigen Lösungsansatz den ich in folgende einfach HTML samt CSS übernehmen kann, damit die Tabs adressierbar sind. Kurz zu mir, Nerd (okay, ich war es vllt. mal), der sich gezwungenermaßen mit ein bisschen HTML als Notlösung in einer größeren Organisation auseinander setzen muss. Es gibt hier viele Restriktionen und ich möchte gern schnell und unproblematisch bestimmte Infos, für bestimmte Personen zugänglich machen. Anders geht´s definitiv nicht, es muss zwingend ohne Webserver und ähnliches laufen. Anbei ein zusammengeklauter "Code", der aber für seinen Sinn und zweck genau richtig ist: [ICODE] <button class="tablink" onclick="openPage('Start', this, 'red')" id="defaultOpen">Start</button> <button class="tablink" onclick="openPage('#Nessau', this, 'red')" >#Eins</button> <button class="tablink" onclick="openPage('Jens3', this, 'red')" >Zwei</button> <button class="tablink" onclick="openPage('Tutorials', this, 'red')" >Tutorials</button> <div id="Start" class="tabcontent"></div> <script> function openPage(pageName,elmnt,color) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablink"); for (i = 0; i < tablinks.length; i++) { tablinks[i].style.backgroundColor = ""; } document.getElementById(pageName).style.display = "block"; elmnt.style.backgroundColor = color; } // Stop href="#hashtarget" links jumping around the page var hashLinks = document.querySelectorAll("a[href^='#']"); [].forEach.call(hashLinks, function (link) { link.addEventListener("click", function (event) { event.preventDefault(); history.pushState({}, "", link.href); history.pushState({}, "", link.href); history.back(); }); }); // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click(); </script> [/ICODE] Wie ist es möglich, dass ich einen Tab direkt per Link ansprechen kann und der User somit auf diesem landet? Vielen Dank im voraus! Gruß Sebastian [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
HTML
CSS Tabs - Adressierbar
Oben
Unten