Wie nach Seitenreload einen DIV per ID anspringen?

Moin,

auf einer Seite habe ich ein Suchformular eingerichtet, mit dem man Datenbankeinträge gefiltert ausgeben kann.

Allerdings befindet sich dieses am Ende einer etwas höheren Website, sodass man beim Anklicken des submit-Button immer an den Anfang der Seite springt.
Ich möchte aber, dass ich nach dem Reload der Seite direkt zur Ausgabe komme, welche unter dem Formular angezeigt wird.

Wie geht das?

4 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

abbrechen

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Webseite

09.05.2017, 09:55

Die bisherigen Antworten sind nicht komplett. Ja, sie springen zu dem verlinken Element, aber nur, wenn du auf diesen Link klickst, du willst den Jump nach dem Reload.

Schreibe dafür eine Funktion, die direkt beim Lesen deiner Datei(en) gestartet wird und die den Link für dich klickt.

var gotoData = function (e) {
var anchor = document.getElementById(e);
anchor.click();
}

gotoData();

(Ist nicht getestet)

Grundsätzlich sollte ein User die Seite aber nicht nachladen müssen, um Daten zu erhalten. Schau' dir mal das Thema Ajax an, womit du Daten nachladen kannst.

abbrechen

09.05.2017, 09:57

*In gotoData(nameDerIDVomLink);

Kieselsaeure

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Webseite

09.05.2017, 09:55

Da js in deinen tags steht: wie wäre es wenn du die form durch ajax ersetzt

FraBu81

09.05.2017, 08:39

Nutz einen Anker! <a id="anker"></a> oder <form id="anker" ...>

An die URL deines Formulars hängst Du dann "#anker" ran.

Dann springt er dahin!

PWolff

09.05.2017, 10:28

Inzwischen braucht man nicht mehr unbedingt einen Anker. Ein beliebiges Element mit dieser ID reicht aus.

t2btiger

09.05.2017, 08:46

Es wurde nun zwar schon korrekt erklärt aber schau doch einfach mal hier:

https://wiki.selfhtml.org/wiki/HTML/Regeln/Seiteninterne_Verweise

Ähnliche Beiträge

Erfolgreiches Submit mit PopUp verbinden?

Wie verbinde ich bei meinem Formular den erfolgreichen Submit button, also wenn die Email erfolgreich vom Php script per Mail gesendet wurde mit einem PopUp. Kein neue Seite sondern ein PopUp der aufploppt und berichtet dass das Formular abgesendet wurde oder dass es Fehlgeschlagen ist

...zum Beitrag

Wie kann man eine PHP Variable bei Klick auf beispielsweise einen p-Tag mit einem bestimmten Wert füllen?

Auf der ersten Seite sind Rezepte aufgelistet. Die Rezept-Daten wie z.B. die Titel der Rezepte sind in einer MySQL-Datenbank gespeichert. Die Titel lasse ich auf der ersten Seite alle ausgeben. Nun möchte ich, dass bei einem Klick auf den Titel der Nutzer auf eine andere Seite gelangt, auf der das vollständige Rezept steht. Dabei möchte ich aber nicht für jedes Rezept manuell eine Unterseite erstellen, denn dann hätte ich mir das mit der Datenbank schenken können.

Bisher habe ich ein

eingerichtet, bei dem der anzuklickende p-Tag als Submit-Button dient. Nun muss ich noch mittels POST einen Wert, der zum richtigen Rezept führt (z.B. Titel, ID, etc.) an die Seite weiterreichen, die mit dem Submit-Button vom

aufgerufen wird. Allerdings bin ich bisher auf keine Idee gekommen, wie ich eine PHP-Variable bei einem onclick mit einem Wert füllen kann.

Weiß da jemand weiter?

Vielen Dank!

...zum Beitrag

JavaScript warten, bis sich Variable ändern?

Ich habe ein Formular mit einem Submit-Button.

<button onClick={() => submitHandler("fromSubmitButton")}>Submit</button>

Die submitHandler Funktion sendet über einen Websocket eine Nachricht an den Server, ohne eine direkte Antwort zu bekommen, wie es mit async/await funktionieren würde:

socket.emit('email-submit', value)

Nach einiger Zeit kommt vom Server bzw. Websocket eine Nachricht:

        socket.on('badEmailORphone', function(msg) {
            setBadEmailORphone(msg)
        });

In der Zeit zwischen dem Klick auf Submit und setBadEmailORphone gesetzt wird, möchte ich einen Ladescreen einblenden.

Rein logisch müsste ich den Ladescreen ab Klick auf den Submit-Button bis setBadEmailORphone setzen, aber wie kann ich in JavaScript x Sache machen, bis sich eine Variable ändert?

Meine erste Theorie war:

Submit onClick:

while(!setBadEmailOrphone) setLoading(true) //Mit etwas Delay zwischen Durchläufen

...zum Beitrag

Bei Enter Reload der Seite?

Ich habe mir ein ganz einfaches Formular mit HTML erstellt, wenn ich dann aber den submit Button oder Enter drücke, wird die Seite einfach neu geladen. Woran könnte das liegen?

...zum Beitrag

Automatisch submit bei anklicken des Datepickers?

Hallo,

ich habe einen Datepicker der auch soweit einwandfrei funktioniert. Schön wer es nun noch, dass wenn man einen Tag auswählt, Submit automatisch mit ausgeführt wird ohne noch extra auf den Button klicken zu müssen.

Wäre toll, wenn mir dabei jemand behilflich sein kann.

<script>
$(function() {
  $('#datepicker').datepicker({
      maxDate: new Date('<?php echo date("Y-m-d", time());?>'),
      minDate: new Date('2016-10-10'),
        monthNames: ['Januar','Februar','März','April','Mai','Juni',
        'Juli','August','September','Oktober','November','Dezember'],
        monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
        'Jul','Aug','Sep','Okt','Nov','Dez'],
        dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
        dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
        dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
      showMonthAfterYear: false,
      dateFormat:'dd.mm.yy'
    }
  );    
});
</script>
<form action="index2.php" method="GET" id='form'>
<input class="input_text" type="text" id="datepicker" name="datum" readonly="readonly">
<input class="input_submit" type="submit" value="Abfragen" id="submit"></form>

Freundliche Grüße

...zum Beitrag

Div anzeigen, wenn Radio-Button "checked" ist - von Anfang an?

Hi,

ich habe hier eine Grupe von Radio-Buttons. Immer, wenn ein Radio-Button "checked" ist, soll ein div erscheinen. Funktioniert auch alles, aber das JS erkennt nicht, dass ja bereits per Default "red" ausgewählt ist:

https://jsfiddle.net/w1maq8wa/

Man muss in diesem Beispiel "red" noch mal anklicken, obwohl es bereits checked ist.

Kann mir jemand helfen?

Danke!

...zum Beitrag

Seit ein paar Tagen kann ich bei Quizduell nicht mehr mit allen chatten. Jedes Mal wenn ich diesen Button anklicke, springt es auf den Startbildschirm zurück?

...zum Beitrag

Per JS Formular senden abbrechen?

Hi liebe Community,

ich wollte fragen ob es eine möglichkiet gibt das senden eines Formulars nach dem auf submit gedrückt wurde abzubrechen.
Der Hintergrudn: ich möchte das der User erst bestätigt bevor es abgesendeet wird mittels einer confirm-box

Alternativ würde ich einfach per CSS ein Formular verstecken, welches erst nach dem auf ein Button "Speichern" gedrückt wird auftaucht.

...zum Beitrag

HTML-Formular funktioniert nicht richtig,warum?

Schönen Abend euch allen.

Ich lerne gerade über HTML und wollte gerade ein Formular schreiben.

Als Vorlage verwende ich das Tutorial. Bis zu Minute 10:32 habe ich alles genauso wie in dem Tutorial geschrieben.

Jedoch als im Tutorial dann Enter gedrückt wird und in der Adresszeile der Pfad und Benutzername=&Passwort=Passwort und ich genau dasselbe mache wird bei mir oben in der Adresszeile nichts angezeigt und auch das Passwort-Feld wird nicht "geleert".

Mein Code bis jetzt:

<!DOCTYPE html>
	<head>
	<html lang="de">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width", initial-scale=1.0>
		<title>Daten über dich</title>
	</head>
	<body>
		<form action="" method="GET"> 
			<label for="Name">Name: </label>
			<input id="Name" name="Name" type="text">
			<br>
			<br>
			<label for="Passwort">Passwort: </label>
			<input id="Passwort" name="Passwort" type="password">
		</form>
	</body>
</html>

Danke im Voraus an alle !

...zum Beitrag

Beta rr 450 springt nicht an?

Moin, meine beta Baujahr 2014 will nicht anspringen.

Alte Batterie war kaputt und ich konnte sie mit anklicken einmal noch fahren. Dann 2 Tage später nichtmal mehr mit Kickstarter. Dann habe ich heute eine neue Batterie gekauft und eingebaut. Aber sie springt nicht an. Die zündkerze ist im Ordnung und sprit bekommt sie auch. Aber sie will einfach nicht anspringen. Bitte hilfe

...zum Beitrag

Guter Anbieter für Domain und Hosting für eine Internetseite?

So billig wie möglich.

...zum Beitrag

Wie klicke ich auf diese Elemente mit Python und Selenium?

Hallo,

Ich versuche, auf die folgenden Elemente auf dieser Webseite (https://www.bing.com/search?q=Bing+AI&showconv=1&FORM=hpcodx) mit Python und Selenium zu klicken.

//*[@id=“tone-options”]/li[3]/button

//*[@id=“camera-container”]/button

//*[@id=“camera-container”]/cib-flyout/cib-visual-search//div[3]/button[1]

Ich habe XPATH, CSS probiert.

Fehler:

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"xpath","selector":"//*[@id="tone-options"]/li[3]/button"}

(Session info: chrome=119.0.6045.200)

Stacktrace:

GetHandleVerifier [0x00007FF7D97B82B2+55298]

(No symbol) [0x00007FF7D9725E02]

(No symbol) [0x00007FF7D95E05AB]

(No symbol) [0x00007FF7D962175C]

(No symbol) [0x00007FF7D96218DC]

(No symbol) [0x00007FF7D965CBC7]

(No symbol) [0x00007FF7D96420EF]

(No symbol) [0x00007FF7D965AAA4]

(No symbol) [0x00007FF7D9641E83]

(No symbol) [0x00007FF7D961670A]

(No symbol) [0x00007FF7D9617964]

GetHandleVerifier [0x00007FF7D9B30AAB+3694587]

GetHandleVerifier [0x00007FF7D9B8728E+4048862]

GetHandleVerifier [0x00007FF7D9B7F173+4015811]

GetHandleVerifier [0x00007FF7D98547D6+695590]

(No symbol) [0x00007FF7D9730CE8]

(No symbol) [0x00007FF7D972CF34]

(No symbol) [0x00007FF7D972D062]

(No symbol) [0x00007FF7D971D3A3]

BaseThreadInitThunk [0x00007FF8125E7344+20]

RtlUserThreadStart [0x00007FF8130026B1+33]

kann mir jemand helfen? Danke.

...zum Beitrag

Action URL in einem PHP-Formular über einen Schalter in Echtzeit dynamisch ändern, wie?

Also Folgendes: ich hab hier ein PHP-Formular mit einem Eingabefeld und einem Submit Button, dass die eingegebenen Werte an eine bestimmte URL sendet. (Das ist erstmal simpel) Ich habe auch herausgefunden, wie man die URL z.b mit einer Zahlenfunktion variieren kann. Auch das geht relativ leicht. Was hingegen scheinbar weniger einfach ist: Ich würde das Action Attribut, also die URL, wo die Eingaben hingesendet werden nun gerne über einen HTML-Schalter z.b Checkbox dynamisch & in Echtzeit ändern. z.b Checkbox aktiv = Daten werden an URL2 gesendet, Checkbox nicht aktiv = Daten werden an URL1 gesendet. Oder es soll einfach ein URL-Zusatz hinzugefügt werden, je nachdem ob die Checkbox aktiv ist oder nicht. Meine jetzt ganz blöde Frage: Wie oder mit welchem Ansatz kann das funktionieren? Ich habe da jetzt bereits XX Stunden rumprobiert: Normale Variablen mit Conditions definieren, Sessions starten, der Versuch ein Cookie zu setzen, dass beim Ein und Ausschalten der Checkbox gesetzt bzw. gelöscht werden soll (klappt nicht). Mit JS Codeschnipseln herumprobiert. Nichts davon scheint zu funktionieren bzw. es wird einfach immer der Zustand "checkbox unchecked" an URL1 gesendet.

Hat irgendeiner mit Ahnung ne Idee wieso das nicht funktioniert und ob es einen lösbaren Ansatz für dieses Problem gibt?

...zum Beitrag

Per if Abfrage schauen ob Button gedrückt wird JavaScript?

Hi, ich versuche es hinzubekommen, dass wenn ein Button gedrückt wird eine Funktion aufgerufen wird. Wenn nicht dann eine andere. Ungefähr so soll es aussehen:

if (Button1 wurde angeklickt) {
   submit()
} else {
   counter()
}

Klingt einfach, aber ich hab nichts brauchbares gefunden...

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen