HTML Sidebar zum ausklappen?

Hallo ich möchte eine HTML Seite erstellen. Und zwar möchte ich links von der Seite einen Button haben. Wenn man auf den Button klickt, soll sich von links nach rechts eine Navigationsleiste ausfahren.

2 Antworten

mastema666

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

10.12.2016, 15:37

Also allein mit HTML geht das zwar nicht, aber in Kombination mit JavaScript ist das eigtl kein Problem, am einfachsten dürfte es mit jQuery und den Funktionen show() / hide() sein, siehe http://api.jquery.com/show/ bzw http://api.jquery.com/hide/

ZLP02G

Fragesteller

10.12.2016, 15:52

Vielen Dank :) Es hat geklappt

Kieselsaeure

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

10.12.2016, 16:26

Müsste in jquery die funktion slidetoggle sein

Ähnliche Fragen

Html button ausführen?

Kann ich einen button so erstellen, dass wenn man auf diesen klickt einen zu einer anderen website umleitet?

...zur Frage

Wie kann man bei HTML ein Hintergrundbild über die ganze Seite erstrecken?

Ich möchte eine HTML Seite erstellen, was ich bisher als Hintergrund habe ist das: Dabei ist das Hintergrundbild links oben komplett, rechts oben aber nochmal zur Hälfte, rechts unten ebenfalls zur Hälfte und links unten auch zur Hälfte vorhanden. Wie kann ich das Bild einmal und dann ganz haben?

...zur Frage

Wie in CSS eine Sidebar erstellen, die den Content meiner Webseite verschiebt?

Hallo zusammen,

ja ich weiß, es klingt ziemlich kompliziert was ich suche, aber das ist es eigentlich gar nicht. Ich habe zwei Divs auf meiner Webseite. Div 1 ist ein Button und div 2 soll eine Sidebar werden. Wenn ich den Button drücke, dann soll Div 1 verschwinden und Div 2 auftauchen. Das klappt auch alles via JS wunderbar und ohne Probleme.

Nun würde ich jedoch gerne, dass der Content meiner Webseite (neben der Sidebar) nun zentriert wird (ist bereits der Fall), jedoch auch zentriert wird wenn die Sidebar eingeblendet wird. Also als ob man das Browser-Fenster verkleinert und dann die Sidebar anzeigt.

Ich hoffe ihr habt verstanden was ich will und könnt mir eventuell helfen.

Danke sehr!

...zur Frage

HTML/CSS Button erstellen, der unten rechts fixiert ist?

Ich brauch einen Cookies-Hinweis, der soll als Button unten rechts angezeigt werden, ohne, dass sich dieser beim scrollen mitbewegt. Hab schon gegooglet, bin wohl zu dumm, würd mich über einen responsiven Code freuen (<button>)

...zur Frage

Wie diese Funktion mit HTML-Code nachbauen?

Guten Abend zusammen ich programmiere eine kleine Seite und mir ist eine Funktion auf ebay aufgefallen; Wenn ihr auf dir Startseite geht dann gibt es etwas unten eine Art: Werbungsvorschläge. Beispielsweise steht da: Handys und Smartphones und direkt dadrunter befinden sich mehrere Bilder von verschiedenen Produkten. Wenn man darauf klickt wird man dementsprechend weitergeleitet. Rechts und links gibt es eine Pfeiltaste, wenn man sie drückt geht es nach links/rechts und es werden weitere Bilder/Produkte angezeigt. Es geht hierbei um die Funktion: Persönliche Empfehlung bei Ebay. Mir ist bereits bewusst, dass ich eine Scriptsprache brauche. Mir geht es jedoch hierbei nur um die Struktur und nicht um die Funktionen. Ich habe mir gedacht, dass ich diesen Code verwenden könnte: <button>←</button> -> Das ist ein Button mit der Pfeiltaste rechts und ich füge einige Bilder hinzu mit dem Code <img> .

Habt ihr vlt. einen Code mit dem es einfacher geht oder würdet ihr es anders machen. Ich bin dankbar für jede Hilfe und jeden Code :)

...zur Frage

Button, der, wenn er gedrückt wird, sich selsbt auf disabled stellt?

Hallo!

Ich möchte einen Button mit html erstellen, der wenn er gedrückt wird, sich selbst auf disabled stellt.

...zur Frage

Wie kann man in html bilder responsive machen?

Sodass, das Bild nicht von links nach rechts verkleinert wird sondern von rechts nach links.

also nicht so, sondern den rechten Teil im Bild hat

den rechten

...zur Frage

Html/Css Navigationleiste weiter nach links verschieben

Moin :-);

folgendes Problem: Ich habe eine Navigationsleiste erstellt und diese in den Header gepackt. Nun will ich diese mit Hilfe des Befehls float: left, nach lins an den Rand drücken, doch dort bleiben immer ca 20px Platz.. Nach rechts ist es kein Problem. Dort geht die Leiste bis zum Rand.

Ich muss dazu sagen, dass ich ein Neuling in diesem Gebiet bin und bitte daher es soweit wie es geht einfach "für dumme" zu erklären :D

Danke schon mal im Vorraus :-)

...zur Frage

Button mit Wartezeit Html, CSS, PHP?

Hey,

ich möchte einen Button erstellen, der wenn man auf ihn draufklickt erstmal ausgibt: "Warten Sie einen Moment" und nach paar Sekunden dann weiterleitet.

Der Text sollte über dem Button erscheinen, aber kein Pop-Up Fenster!

Habt ihr Ideen, wie das möglich ist

...zur Frage

Ein "Create"-Button, der eine neue Seite erstellt über php?

Grob gesagt, habe ich vor einen "Create"-Button zu erstellen, der, wenn man auf ihn klickt, eine neue HTML-Seite erstellt, diese HTML-Seite, soll dann ein vorgefertigtes Design haben und soll eine bestimmte CODE haben, denn man wiederum irgendwo eingeben könnte. Als Beispiel könnte man "Discord" nehmen, mit dem Create und Join Buttons.

...zur Frage

CSS transition mit JavaScript onclick ausfuehren?

Ich wuerde gerne in einer NavBar (oben fixiert), links einen Button erstellen, der mit onclick eine CSS ausfuehrt, die eine SideBar (von links) drauflegt.

Also, sobald links oben das Onclick geklickt wird -> Sidebar wird von links aus reingeschoben, indem eine CSS ausgefuehrt wird.

Das einzige was Ich nicht wuesste ist wie Ich das JS onclick dazu bringe, entweder eine CSS auszufuehren, oder gar zu erstellen/auszuwechseln (zu replacen). Bzw. alternativ, was mir noch in den Sinn kaeme, koennte das CSS in default ja in einem Kommentar stehen, und bei Ausfuehrung wird zwischen zwei CSS gewechselt (das eine wird in Kommentar gesetzt (default) und das andere, was normal in Kommentar steht, steht nun ohne Kommentar, und bei wegklicken wird das wieder zurueckgesetzt) - aber wie wuerde das gehen, Ich habe naemlich keinerlei Idee dazu..

...zur Frage

Wie bekomme ich es hin, dass der alert bei javascript auf der Website angezeigt wird und nicht in einem extra Fenster?

Ich habe es schon mit document.write und document.get versucht. Die Aufgabenstellung lautet wie folgt:

"Erstellen Sie eine html Seite, die einen Button enthält. Klickt man auf den Button, wird eine Java Script Funktion aufgerufen, die einen beliebigen Text als alert auf der Seite ausgibt. "

Ich habe bisher folgendes:

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>Test</title>
   </head>
   <body>
      <form name="button">
      <input type=button value="Alert" onclick="Box()">
      </form>
      <script language="JavaScript">
         function Box() {alert("Alarm!!")};
      </script>
   </body>
</html>

...zur Frage

CSS Eigenschaften mit Button verändern?

Hallo,

ist es irgendwie möglich durch einen Button (also wenn man drauf klickt) in HTML CSS Eigenschaften von anderen Objekten zu verändern?

...zur Frage

jquery function ausführen beim klick auf den eine oder den anderen button?

hallo, ich habe eine jquery function und möchte, dass sie beim klicken auf den eine button und beim klicken auf den anderen button ausgeführt wird.

skript:

$(document).ready(function() {
                $(".kommentarabschicken").click(function(){
                        if($(".kommentareingabe").val() != "") {

                            $.ajax({
                                type: "POST",
                                url: "kommentare.php",
                                data: "kommentareingabe=" + $(".kommentareingabe").val(),
                                cache: false,
                                success: function(html){
                                        $(".scroll").html(html);
                                        $(".kommentareingabe").val();
                                }
                                });
                        }
                        return false;
                    });
                });

jetzt wird sie ausgefürt bei klicken auf kommentarabschicken. Sie soll auch ausgeführt werden, wen man auch kommentaroeffnen klickt. (evtl. wenn die Seite geladen wird)

Vielen Dank im Vorraus!!

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen