PHP Navigation ohne das #section in der URL?

Hallo liebe Entwickler,

ich stelle mir die Frage, wie ich nach Absenden eines Formulares so navigieren kann, dass das #section in der URL nicht angezeigt wird. Zuerst ein Beispiel:

<html>
  <form action="#section" method="post" id="section">
    <input type="submit" value="Senden" name="sub"/>
  </form>
</html>
<?php if (isset($_POST['sub'])) { doSomeStuff(); } ?>

Wenn ich also (wie im Code ersichtlich) auf Senden klicke, wird die Seite neu geladen und ich werde zu #section navigiert (also in der URL dann example.com/#section).

Besteht die Möglichkeit so zu navigieren, dass man den Abschnitt in der URL nicht sieht?

Eventuell durch JS oder etwas anderes?

Vielen Dank im Voraus.

4 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

KapitaenNiveau

08.11.2019, 09:23

url.tld/#section

Ist nichts anderes als ein anchor-link. Sprich eine html-Verweisung. Das hat nichts mit PHP zu tun. Wenn du einen anchor mit dieser ID definierst wird der anchor-link dafür sorgen, dass der Browser beim Öffnen der Seite direkt zu diesem anchor springt.

Mehrere Optionen:

Über .htaccess und mod_rewrite direkt eine Weiterleitungsengine implementieren.
Bei action="" einfach die Datei angeben, in der sich das Formular befindet.

Woher ich das weiß:Berufserfahrung

Ollig00

Fragesteller

08.11.2019, 09:25

Ja, das hat nichts mit PHP zu tun. Allerdings würde ich gerne wissen, ob es mit PHP oder JS etc möglich wäre? Siehe mein Kommentar unter der Antwort von ohwehohach.

MfG

KapitaenNiveau

08.11.2019, 09:27

@Ollig00

Du kannst per AJAX Formulare asynchron zur restlichen Webseite versenden.

https://stackoverflow.com/questions/16616250/form-submit-with-ajax-passing-form-data-to-php-without-page-refresh

Ollig00

Fragesteller

08.11.2019, 09:30

@KapitaenNiveau

Das sieht ebenfalls nach etwas Richtigem aus! Ich werde das mal in der Seite einbauen und schauen, welche Methode besser ist. Danke Dir!

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, HTML

08.11.2019, 11:45

Mir erschließt sich zwar der Sinn nicht ganz dahinter aber wenn es sein muss, kannst du in dem Antwortformular natürlich auch per JavaScript zu einer Sprungmarke gehen:

window.location.href = "#section";

Alternativ kannst du auch zu einer bestimmten ID springen:

document.getElementById("section-id").scrollIntoView();

In modernen Broesern geht das sogar flüssig:

document.getElementById("section-id").scrollIntoView({
  behavior: 'smooth',
  block: 'start'
});

Woher ich das weiß:Berufserfahrung – Entwickle seit > 20 Jahren Anwendungen mit PHP.

Ollig00

Fragesteller

08.11.2019, 11:47

Danke. Sowas ist zwar nicht exakt das, aber eine super Alternative. Sogar schöner :)

apachy

08.11.2019, 10:19

Warum solltest du das wollen? Normal würde man dafür erstmal gar keine Form nutzen, die abgesendet wird, sondern einen Link, der zu dieser Id springt. Dabei wird die Seite dann auch nicht neu geladen, sondern es ist lediglich ein Scrollen durch den Browser auf Clientseite. Zumindest sieht man in deinem Beispiel nicht, warum eine Anfrage an den Server gesendet werden sollte.

Davon ab möchte ggf. jemand z.B. einen Bookmark setzen für genau diesen Abschnitt der Seite. Warum solltest du ihm das erschweren, indem du die URL manipulierst und auf etwas falsches zeigen lässt?

Ansonsten kann man mittlerweile die angezeigte URL und den Pagetitel ändern oder darauf reagieren. Das ist aber vor allem für den umgekehrten Fall gedacht, sprich eine Seite die auf Ajax aufbaut, bei der man die Seite nicht neu lädt aber die URL ändern möchte, damit man beim Bookmarken und co. eben diesen geänderten State speichert.

Die entsprechenden APIs wären history.pushState bzw. das popstate.

Woher ich das weiß:Berufserfahrung – Softwareentwickler/Projektleiter seit 2012

ohwehohach

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Technik, programmieren, Technologie

08.11.2019, 09:20

Also zunächst einmal geht das nicht, dass man das "#section" in der URL dann verbirgt, denn es ist nun einmal Teil der URL.

Zweitens: Warum machst Du das denn über eine Form mit einem weiteren Roundtrip zum Server? Normalerweise nimmt man dafür einen normalen Link. Dann geht's ohne Neuladen der Seite...

Ohne den Anchor würde es per Javascript gehen, indem Du "scrollIntoView()" aufrufst mit dem DOM-Element, das angezeigt werden soll.

https://www.w3schools.com/jsref/met_element_scrollintoview.asp

Ollig00

Fragesteller

08.11.2019, 09:24

In welchem Sinne einen normalen Link? Die Seite beinhaltet viel Content und die Form ist weit unten. Logischerweise möchte ich nach Absenden zu dieser Form scrollen/navigieren.

Ich habe mal gelesen, dass es die Möglichkeit gibt, den Submit im Hintergrund laufen zu lassen, das dann ohne neu laden wäre. Aber wie würde das dann funktionieren?

MfG

ohwehohach

08.11.2019, 09:27

@Ollig00

Achso, also das Formular soll abgeschickt werden und dann soll zu der angegebenen Sektion navigiert werden? Dann brauchst du natürlich ein Formular, sonst wird ja kein Formular abgeschickt.

Du kannst natürlich ein Formular auch per JavaScript abschicken (https://www.w3schools.com/jsref/met_form_submit.asp).

Ollig00

Fragesteller

08.11.2019, 09:28

@ohwehohach

Super, das sieht schon mal nach etwas Richtigem aus! Danke Dir!

Ähnliche Fragen

HTML Selct value zu einer PHP Variable?

Naive wie ich bin habe ich es ausprobiert. Wie geschrieben brauche ich das ausgewählte im selsct, wenn es geht bitte in keinem form als PHP variable und zwar als $js.

<select id="trans" name="trans" onchange="<?= $js ?> = this.value">

<option value="de">Deutsch</option>

<option value="en">Englisch</option>

<option value="fr">Französisch</option>

<option value="es">Spanisch</option>

<option value="co">Koreanisch</option>

<option value="jp">Japanisch</option>

<option value="cn">Chinesisch</option>

</select>

Hier mal mein Versuch.

...zur Frage

PHP URL INCLUDE?

Moinsen,

ich arbeite momentan an einer Webseite mit PHP und wollte fragen, wie und ob ich eine URL includen kann.

<?php include "https:example.com"?>

geht das überhaupt denn es kommt immer folgender Fehler:

Warning: include(): https:// wrapper is disabled in the server configuration by allow_url_include=0 in C:\Users\PATH\index.php on line 1
Warning: includehttps://example.com/head.php): Failed to open stream: no suitable wrapper could be found in C:\Users\49176\Desktop\Development\XAMPP\htdocs\lexi\www\index.php on line 1
Warning: include(): Failed opening 'https://example.com/head.php' for inclusion (include_path='C:\Users\PATH\XAMPP\php\PEAR') in C:\Users\PATH\index.php on line 1

...zur Frage

Braucht man SSH um Node JS apps zu Deployen?

Meine index.js :

const app = require("express")();
const http = require("http").Server(app);
const io = require("socket.io")(http);

http.listen(3000,()=>{
    console.log("working")
})
app.get('/index.html', (req, res) => {
    res.send('<h1>Hello world</h1>');
  });

Lokal funktioniert das, wenn ich localhost:3000/index.html

aufrufe erscheint ein Hello World,

aber wenn ich das ganze über FTP hochlade und url/index.html aufrufe :

Leere Html Seite und Konsole Error :

index.js:1 Uncaught ReferenceError: require is not defined

Also hat der Server garkein Node JS.

SSH hab ich aber garnicht, um dann mit irgendwelchen Ubuntu Commands das zu installieren, sudo apt install nodejs ...

Sry wenn es eine Dumme Frage ist aber ich hab bis jetzt nur Serverseitig Php gemacht und das ist sehr simple.

Man benutzt Fetch oder Ajax und im php skript echo "hello world"; und das wars.

Wollte mich an Node JS Ranwagen, das ganze ist aber viel komplexer.

(Bin bei All inkl)

...zur Frage

ajax: Befehl an .php senden, wie?

ich habe dieses voting-script : http://jsfiddle.net/946sf3va/

beim kommentar // AN vote.php soll jetzt an die php gesendet werden dass gevotet wurde, doch wie geht das ? habs mal so mit ajax probiert aber dann ist das ganze JS kaputt :

$.ajax({
	type: 'POST',
	url: 'vote.php',
	data: formData
});

ich will einfach nur das +1 als POST an die php haben, nur das ist mein problem.

danke für hilfen !

...zur Frage

Javascript Variable an PHP übergeben? AJAX

Hallo Leute,

Ich würde gerne Javascript Variablen an PHP übergeben.

Ich habe es bisher über die URL gemacht, aber das ist weit weniger elegant als ich es mir wünsche.

Nach einer Internet Recherche habe ich etwas gefunden von AJAX und das man damit in der Lage ist, eine JS Variable an PHP zu übergeben. Nur wie?

...zur Frage

Welche SmartWatch für Navigation ohne Smartphone?

Hallo,

kann mir jemand eine SmartWatch empfehlen, mit der man offline navigieren kann mit gpx tracks. Das heißt, dass ich den gpx track auf die Uhr laden möchte und dann eben von dieser ohne Smartphone navigiert werden möchte. Mit wear os geht es meines Wissens nicht. Mein Budget liegt bei 300€. Oder sollte ich besser zu einem Garmin Bordcomputer greifen, da ich es primär für das Fahrrad nutzen würde aber auch selten zum Laufen zum Beispiel.

Danke im Voraus für die Antworten

...zur Frage

Icon größe ändern PHP und CSS Wordpress?

Hallo,

ich möchte gern die Icon Größe bearbeiten. Das icon ist hierbei "fa-phone"

Ich habe eine php Datei und ein Style.css sheet. Wie genau mache ich das? Ich bin eig. Java entwickler und habe mit CSS und PHP leider nichts am Hut.

Hier der php Code Abschnitt:

            <div class="col-lg-3 col-md-6 contact-details">
              <div class="row">
                <?php if( get_theme_mod( 'sayara_automotive_contact_head','' ) != '' || get_theme_mod( 'sayara_automotive_contact','' ) != '') { ?>
                  <div class="col-lg-2 col-md-2">
                    <i class="fa fa-phone"></i>
                  </div>
                  <div class="col-lg-10 col-md-10">
                    <p class="top-head"><?php echo esc_html( get_theme_mod('sayara_automotive_contact_head','' )); ?></p>
                    <p><?php echo esc_html( get_theme_mod('sayara_automotive_contact','' )); ?></p>
                  </div>
                <?php }?>
              </div>
            </div>

Wie genau hängt das Style.css mit dem zusammen?

LG
Niklas

...zur Frage

Wie kann ich mehrere Unterseiten mit php erstellen?

Ich möchte eine website erstellen. Ich habe schon eine index.php erstellt und dort mit dem include Befehl die anderen php seiten eingefügt:

if($id=="news") {  
   include('news.php'); 
}

Die id wird vorher noch deklariert :

$id = $_GET["id"];

Die id steht dann hinterher auch so in der URL. Hab dies mit der .htaccess festgelegt. Jetzt möchte ich eine news-seite erstellen. Wie kann ich das so machen, dass die URL dann so aussieht:

www.example.com/news/artikelnummer

ich möchte, dass es für news praktisch eine Startseite gibt: example.com/news , die immer dann erscheint wenn ich oben im Menü auf news klicke. auf dieser Startseite kann man dann den Artikel anklicken und es wird der Artikel geladen und die URL ändert sich auf news/Artikelnummer. kann man das mit dem include Befehl machen oder gibt es da andere Möglichkeiten?

LG Calamann

...zur Frage

Navigation auf Malta mit Smartphone und am liebsten offline per App. Geht das, hat wer Erfahrung?

Der Urlaub ist zwar noch vier Wochen weit weg, aber immerhin gibt es ja reichlich Dinge, die man vorab und langfristig angehen sollte.

Dazu gehört eben auch, entweder ein Roaming-Paket zu kaufen, oder aber eine App, mit der wir auf Malta und Gozo offline navigieren können.

Gefunden habe ich einige Apps, die aber leider Null Bewertungen haben.

Hat hier irgendwer schon mal mit einer App auf Malta navigiert und war erfolgreich? Für den Weg vom Flughafen zum Hotel wäre das schon deutlich wichtiger, als aus St. Juliens raus und ab ins Ländchen.

Wäre prima, wenn mir da jemand helfen kann.

...zur Frage

Wo kann man eine Internetseite selber programmieren (selbst HTMLund CSS Code schreiben)?

...zur Frage

Sollte man nach HTML/CSS nicht lieber PHP lernen, weil man damit die Formulare auf einer Webseite funktionstüchtig machen kann?

Weiß gerade nicht, was ich nach HTML und Css lernen soll... PHP oder Javascript.

Mit dem HTML und CSS kurs bin ich ja bald fertig. Aber wenn man zum Beispiel Formulare in die Seite einbaut, kann man sie doch ohne eine Programmiersprache nicht wirklich benutzen...

Ich hoffe ihr habt verstanden, was ich meine... Danke :)

...zur Frage

Kann ich den desktop von jedem Nutzer anzeigen lassen, in meiner Webseite?

Hallo,

Kann ich die Website so Programiren, daß jeder Nutzer seinen Eigenen Desktop siht oder den Hindergrund meiner Webseite durchsichtig machen?

...zur Frage

Warum meldet mich Wordpress nach Login automatisch ab und verweigert mir den Dashboard-Zugriff?

Hallo,

gestern klappte noch alles einwandfrei, aber seit heute morgen läuft auf meinem Wordpressblog etwas gewaltig schief.

Wenn ich mich über URL.COM/wp-admin zum Login navigiere und mich einlogge, dann leitet mich Wordpress nach bestätigen der Anmeldedaten weiter auf eine Seite mit meinem Profilbild und den drei verlinkten Wörtern: "Dashboard", "Profile" und "Log Out". Diese Seite hat folgende URL:

http://MEINEURL.BE/login/?redirect_to=http%3A%2F%2Fwww.MEINEURL.be%2FUNTERORDNER%2Fwp-admin%2F&reauth=1

Oben ist die Standart-Wordpress-Leiste in dunkelgrau angezeigt, doch wenn ich darüber zum Dashboard navigieren will, dann meldet mich Wordpress zum Login-Formular weiter und ich bin abgemeldet... Das ist also eine Art Teufelskreis...

Was läuft schief, wo liegt das Problem, was ist die Lösung?

Für Tipps und Lösungsvorschläge bin ich Euch von Herzen dankbar! ;)

Mit freundlichen Grüßen,

LSFreak

...zur Frage

http zu https redirect-Fehler auf Wordpress-Seite?

Ich habe eine Wordpress-Website, nennen wir sie example.com, die von IONOS gehostet wird. Es handelt sich um eine HTTPS-Website mit einem funktionierenden SSL-Zertifikat, sodass alle HTTP-Anfragen auf die angeforderte Seite umgeleitet werden sollten, aber dabei das HTTP durch HTTPS ersetzt wird.

Beispiel: http://example.com sollte auf https://example.com umgeleitet werden (das funktioniert). http://example.com/subpage sollte auf https://example.com/subpage umgeleitet werden (das funktioniert jedoch nicht!). Stattdessen passiert Folgendes: http://example.com/subpage leitet auf https://example.com/ um.

Das Hauptproblem dabei ist, dass die Google Search Console fälschlicherweise einen Umleitungsfehler für jede Unterseite erkennt, die sie zu indexieren versucht, obwohl die Indexanfrage speziell für die HTTPS-Seite (https://example.com/subpage) gesendet wurde.

Ich verwende die neueste Version von Wordpress. Die derzeit installierten Plugins sind:

Advanced Import
Duplicate Page
Elementor Pro
IONOS Assistant (deaktiviert)
IONOS Help (deaktiviert)
IONOS Journey (deaktiviert)
IONOS Login
IONOS Loop (deaktiviert)
IONOS Navigation
IONOS Performance
IONOS Security
Music Player for Elementor
Title Remover
WPvivid Backup Plugin
Yoast SEO Premium

Diese Teile meiner .htaccess-Datei könnten für das Problem verantwortlich sein:

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteCond %{SERVER_PORT} 80
    RewriteRule ^(/(.*))?$ https://%{HTTP_HOST}/$1 [R=301,L]
</IfModule>

und/oder:

<IfModule mod_rewrite.c>
    # ENGINE ON
    RewriteEngine on

    # set hostname directory
    RewriteCond %{HTTPS} on
    RewriteRule .* - [E=IONOS_PERFORMANCE_HOST:https-%{HTTP_HOST}]

    RewriteCond %{HTTPS} off
    RewriteRule .* - [E=IONOS_PERFORMANCE_HOST:%{HTTP_HOST}]

    # set subdirectory
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_METHOD} GET
    RewriteCond %{REQUEST_URI} !(.*)/$
    RewriteCond %{REQUEST_FILENAME} !.(gif|jpg|png|jpeg|css|xml|txt|js|php|scss|webp|mp3|avi|wav|mp4|mov)$ [NC]
    RewriteRule .* - [E=IONOS_PERFORMANCE_DIR:%{REQUEST_URI}/]

    RewriteCond %{REQUEST_URI} /$
    RewriteRule .* - [E=IONOS_PERFORMANCE_DIR:%{REQUEST_URI}]

    RewriteCond %{REQUEST_URI} ^$
    RewriteRule .* - [E=IONOS_PERFORMANCE_DIR:/]

    # gzip
    RewriteRule .* - [E=IONOS_PERFORMANCE_SUFFIX:]
    <IfModule mod_mime.c>
        RewriteCond %{HTTP:Accept-Encoding} gzip
        RewriteRule .* - [E=IONOS_PERFORMANCE_SUFFIX:.gz]
        AddType text/html .gz
        AddEncoding gzip .gz
    </IfModule>

    # Main Rules
    RewriteCond %{HTTP_ACCEPT} .*text/html.*
    RewriteCond %{ENV:INITIAL_REQUEST_METHOD} ^$
    RewriteCond %{ENV:REDIRECT_INITIAL_REQUEST_METHOD} ^$
    RewriteCond %{QUERY_STRING} ^$
    RewriteCond %{REQUEST_URI} !^/(wp-admin|wp-content/cache)/.*
    RewriteCond %{HTTP_COOKIE} !(wp-postpass|wordpress_logged_in|comment_author)_
    RewriteCond /homepages/9/d4297862886/htdocs/./wordpress/wp-content/cache/ionos-performance/%{ENV:IONOS_PERFORMANCE_HOST}%{ENV:IONOS_PERFORMANCE_DIR}index.html%{ENV:IONOS_PERFORMANCE_SUFFIX} -f
    RewriteRule ^(.*) /wp-content/cache/ionos-performance/%{ENV:IONOS_PERFORMANCE_HOST}%{ENV:IONOS_PERFORMANCE_DIR}index.html%{ENV:IONOS_PERFORMANCE_SUFFIX} [L]
</IfModule>

und/oder:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Meine Permalink-Einstellung in Wordpress ist wie folgt:

https://example.com/%category/%postname%/

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen