00 Stimmen

HTML: Link nicht in Adresszeile des Browsers anzeigen

Frage von Gast | 01.01.2015 um 16:45

Hallo erst mal und ein Frohes Neues!

Ich habe mal eine Frage. Ich habe eine HP www.example.com in HTML. Jetzt möchte ich es gerne das wenn jemand einen Link klickt dass das nicht in der Eingaben leiste erscheint. Also das immer noch der Domain Name da steht ohne z.B. www.example.com/chat.html. 

Ich weiß das das mit PHP geht aber ich weiß nicht wie. Kann mir das jemand zeigen?

Danke schon mal im Voraus
Gruß Peter

AntwortenPositivNegativDatumStimmen
Avatar Anja Proggy
00 Stimmen

Du könntest zum Beispiel Frames für deine Seite benutzen. Dann würdest du genau das erreichen.

Das ginge zum Beispiel so:

<!DOCTYPE html>
<html>
<head>
<title>Fenstertitel</title>
</head>
<body>

<iframe src="index.htm">
</iframe>

</body>
</html>

Mit folgendem CSS:

html, body, iframe {
  height: 100%;
  width: 100%;
}

Wenn deine Seite geladen wird, wird "index.htm" innerhalb des Frames geladen. Der Frame wird auf 100% Breite und Höhe gesetzt, dass er das ganze Fenster ausfüllt.

Wenn man nun einen Link innerhalb des Frames anklickt, öffnet sich dieser wieder innerhalb des Frames und die Browser-Leiste ändert sich nicht.

Wichtig: Die ganze Geschichte ist nicht so toll für Bookmarks und Suchmaschinen.
02.01.2015 um 03:17

AntwortenPositiv Negativ
Avatar Gast
11 Stimme

Das kann ich nicht gebrauchen danke. Denn ich habe 16 Unterseiten. Mein BODY sieht so aus:

<nav style="left: 148px; top: 5px; width: 619px">
<ul class="menu">
<li><a href="index.html"> Aktuelles</a></li>
<li><a href="lied.html"> Sie sind dran!</a>
<ul>
<li><a href="chat.html">Chat</a></li>
<li><a href="gaeste.html">Gästebuch</a></li>
<li><a href="forum.html">Forum</a></li>
<li><a href="mitmachen.html">Mitglied werden</a></li>
<li><a href="veranstaltung.html">Veranstaltung mitmachen</a></li>
<li><a href="unterstuetzer.html">Unterstützer/in werden</a></li>
</ul>
</li>
<li><a href="56.html"> Wir</a>
<ul>
<li><a href="themen.html">Themen</a></li>
<li><a target="_blank" href="satzung.pdf">Satzung</a></li>
<li><a href="ort.html">Vor Ort</a></li>
<li><a href="spende.html"><img src="images/spenden.png" /></a></li>

</ul>
</li>
<li><a href="#"> Service</a>
<ul>
<li><a href="presse.html">Presse</a></li>
<li><a href="video.html">Videos</a></li>
<li><a href="rundbrief.html">Rundbrief</a></li>

</ul>
</li>
<li><a href="#"> Kontakt</a>
<ul>
<li><a href="kontaktformular.html">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</li>
</ul>
<div class="clearfix"></p>
</nav>
</p>

03.01.2015 um 13:13

Positiv Negativ
Avatar Alaska1966
00 Stimmen

Kannst du mir anhand des Links <li><a href="chat.html">Chat</a></li> zeigen wie ich iframe ohne css einbinde da ich nicht weis wie ich mit css umgehen soll?
03.01.2015 um 14:36

Positiv Negativ
Avatar Anja Proggy
00 Stimmen

Es gibt verschiedene Möglichkeiten CSS in eine HTML Seite einzubinden (siehe Link).

In deinem Fall könnte man es so machen:

<!DOCTYPE html>
<html>
<head>
<title>Fenstertitel</title>
<style type="text/css">
<!--
html, body, iframe {
  height: 100%;
  width: 100%;
}
-->
</style>
</head>
<body>
 
<iframe src="index.htm">
</iframe>
 
</body>
</html>

Die Datei "index.htm" würde dann auch deinen Body mit all den Links enthalten, den du gerade gepostet hast.

Dann sollte es eigentlich funktionieren.
03.01.2015 um 15:47

Positiv Negativ
Avatar Gast
00 Stimmen

Also ich habe den style jetzt so eingebunden <link href="iframe.css" media="screen" rel="stylesheet" type="text/css" />.

Da steht das drin

html, body, iframe {
height: 100%;
width: 100%;
}

wie du geschriben hast.

Ich habe aber keine php seite sondern nur html.

Das mit dem iframe habe ich ausprobiert geht nicht ihrgend wo mache ich eine fehler.
03.01.2015 um 16:58

Positiv Negativ
Avatar Anja Proggy
11 Stimme

Wie kommst du auf PHP? In meinem Beispiel kommt doch gar nichts mit PHP vor.

Das spielt keine Rolle, das geht alles auch mit einer simplen HTML-Seite.

PS: Wo hast du das denn eingebunden? Du hast ja einmal die Seite mit dem IFrame (hier muss alles eingebunden sein) und dann noch die Unterseiten.
03.01.2015 um 17:47

Positiv Negativ
Avatar Alaska1966
00 Stimmen

Ich habe den iframe.css in allen Seiten eingebunden.
oder meinst du ifarme?

Also in der index.html und in allen Unterseiten steht <link href="iframe.css" media="screen" rel="stylesheet" type="text/css" />.
03.01.2015 um 18:29

Positiv Negativ
Avatar Alaska1966
-11 Stimme

Fuktionier Danke aber jetzt ist der Hintergrund bei allen Seiten dunkel grau.

Kannst du mir auch da helfen?
03.01.2015 um 18:42

Positiv Negativ
Avatar Anja Proggy
00 Stimmen

Es würde ausreichen, das CSS nur auf der Hauptseite einzubinden, in den Unterseiten sollte das nicht nötig sein, da die ja den Frame nicht enthalten.

Die Hintergrund-Farbe änderst du mit der CSS-Regel "background-color". Finde das Element heraus, dass diese Farbe verursacht und setze die background-color dieses Elements auf die gewünschte Farbe. Zum Beispiel mit "html, body { background-color: #FFF; }" für eine weiße Hintergrundfarbe.
03.01.2015 um 22:49

Positiv Negativ
Antworten
Avatar Computer Experte
11 Stimme

Wenn du deine Gründe hast, wieso du den Link nicht in der Adresszeile zeigen möchtest, ist alles in Ordnung.

Ich würde allerdings auf solch eine Manipulation verzichten. Der erste Grund ist, dass Besucher dadurch nicht einfach ein Lesezeichen auf deiner Seite setzen können (nur auf die Startseite). Der zweite sind die Suchmaschinen, die nur dann richtig arbeiten, wenn auch deine Unterseiten durch eindeutige Links auffindbar sind. Auch das Weitergeben oder Verlinken deiner Seite im Internet wird dadurch unnötig erschwert.

Wenn du deine URLs vereinfachen möchtest, zum Beispiel von example.com/themen.html zu example.com/themen, empfehle ich dir das Tutorial URL vereinfachen als Einstieg.
05.01.2015 um 01:06

AntwortenPositiv Negativ
Avatar Compi
11 Stimme

Eine andere Möglichkeit wäre es, die ganze Seite mit JavaScript und AJAX aufzubauen.

Dann würde die Startseite einmal geladen werden (die Adresse bleibt in der Adresszeile stehen) und der Rest der Seite wird dynamisch nachgeladen, je nachdem worauf der Nutzer klickt.
10.01.2015 um 18:39

AntwortenPositiv Negativ
Antworten

Ähnliche Themen

CSS-Stylesheets in HTML einbinden

Tutorial | 0 Kommentare

jQuery: Durch Klick auf Links DIV-Inhalt laden und ersetzen

Tutorial | 6 Kommentare

Bilder, CSS, JS und Seiten neu laden trotz Browser-Cache

Tipp | 2 Kommentare

Linux: Addressleiste immer in Nautilus anzeigen

Frage | 1 Antwort

Delphi/Lazarus: Link zu einer Website in einer Anwendung setzen

Tutorial | 0 Kommentare

PHP: Eine E-Mail versenden

Tutorial | 0 Kommentare

jQuery: CSS Stylesheet Switcher

Tutorial | 1 Kommentar

Wichtiger Hinweis

Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.