Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Externe Links im gleichen Browserfenster öffnen

Quelle: http://www.jimdo-forum.de/discussion/830...ben-tab-oeffnen
Zitat
Hallo!
Meine Frage bezieht sich auf die Navigation vom Template Rome.
Mein gesamter Content liegt auf der Home Seite und ich würde gerne ein One Pager machen.
So eine Art Sprungmarken habe ich schon hinbekommen.
Meine Überschriften haben jeweils eine id bekommen, die ich mit einem externen Link oben in der Navigation verlinkt habe. Das funktioniert alles sehr gut. Mein einziges Problem ist nur noch, dass sich die externen Links natürlich in einem neuen Tab öffnen. Gerne würde ich es aber im selben Tab geöffnet haben. Über html mit target="_blank" zu target"_self" wechseln, habe ich es schon versucht.
Leider hat dieses nicht funktioniert.
Hat jemand eine Lösung für mein Problem?
bzw wäre ich auch sehr Dankbar, wenn ihr eine neue Art für ein One Pager habt.
Ganz viele Grüße,
Jo-Ann
Zitat
Hi @Joey723
...für Links in der Navigation geht das nur über jQuery. Schau mal hier: http://www.jimdo-forum.de/discussion/com...84/#Comment_384
LG, az
Zitat
Hey @az_
Danke für deine schnelle Antwort!
Also das klingt alles so kompliziert, für mich Neuling in html/css.
Ich muss einfach nur das (...) Script in "Head bearbeiten" eingeben und unten "www.link.de" ändern? Muss ich sonst noch irgendwas ändern?
Tut mir leid, dass ich mich so blöd anstelle. Bin totaler Anfänger
Liebe Grüße!
Hey Joey723,
...ja, genau. Du musst das Script anpassen:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>;
<script type="text/javascript">
//<![CDATA[
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j("a[href^='http://deine-seite.de/#anker1']";).attr('target','_self');
});
$j(document).ready(function() {
$j("a[href^='http://deine-seite.de/#anker2']";).attr('target','_self');
});
$j(document).ready(function() {
$j("a[href^='http://deine-seite.de/#anker3']";).attr('target','_self');
});
$j(document).ready(function() {
$j("a[href^='http://deine-seite.de/#anker4']";).attr('target','_self');
});
//]]>
</script>
...statt "http://deine-seite.de/#anker1" etc. schreibst exakt (!) Du die URL/#Ankerziel, auf die Du verweisen willst bzw. die Du in die Navigation eingesetzt hast.
Beispiel:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js";
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var $j = jQuery.noConflict();
$(document).ready(function() {
$("a[href^='http://huete-aus-kiel.jimdo.com/#muetzen']";).attr('target','_self');
});
$(document).ready(function() {
$("a[href^='http://huete-aus-kiel.jimdo.com/#huete']";).attr('target','_self');
});
//]]>
</script>
LG, az
Zitat
Hey :)
also irgendwie funktioniert das ganze immer noch nicht. :/
Ich habe das ganze bei >head bearbeiten< reingeschrieben. Die Id's und die Verlinkungungen habe ich auch extra nochmal kontrolliert. Stimmt alles, denke ich.
Ich habe von dem ganzem mal Bildschirmfotos gemacht.
Vielleicht findest du ja noch den Fehler!?
Danke dir ganz doll und liebe Grüße!
Hi!
...da hab ich eben einen bösen Fehler gemacht und den Thread aus Versehen sabotiert!
Dein Fehler ist der hier:
Dir fehlt ein "<script>" :)
...sonst kann ich nichts sehen - müsste klappen!
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Hallo Zusammen
Ich bin auch recht neu im Umgang mit Jimdo und wäre froh um Eure Unterstützung ;-)
Ich möchte ganz gezielt aus der Navigation teils direkt auf Seiten und teils auf bestimmte Positionen einer Seite springen. Mein Problem liegt beim Navigieren von verschiedenen Menüpunkten auf die gleiche Seite, jedoch auf unterschiedlichen Positionen. Ich dachte dieser Post wäre meine Lösung. Hingegen scheint es nicht wirklich zu klappen.
Vielleicht helfen hier meine Screenshots.
--> Bitte schaut Euch die Datei an...
Sieht jemand meinen Fehler?
Merci für Eure Hilfe.
Lg Honey

...schau mal hier:
- https://expanding.jimdo.com/hacks/make-a...in-same-window/
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Hallo zusammen,
Ich versuche gerade einen externen Link mit einen Push Button und Anker auf eine andere Unterseite von meiner HP umzusetzen. Ich hab jetzt alles ausprobiert was ich darüber gefunden habe und es will einfach nicht klappen.
Folgendes hab ich in den Head der gesamten HP geschrieben
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j("a[href^='http://www.nest-engineering.de/leistungen/#Sprung_Modell']";).attr('target','_self');
});
$j(document).ready(function() {
$j("a[href^='http://www.nest-engineering.de/leistungen/#Sprung_Applikation']";).attr('target','_self');
});
$j(document).ready(function() {
$j("a[href^='http://www.nest-engineering.de/leistungen/#Sprung_Konnzept']";).attr('target','_self');
});
$j(document).ready(function() {
$j("a[href^='http://www.nest-engineering.de/leistungen/#Sprung_Beratung']";).attr('target','_self');
});
$j(document).ready(function() {
$j("a[href^='http://www.nest-engineering.de/leistungen/#Sprung_Prozess']";).attr('target','_self');
});
$j(document).ready(function() {
$j("a[href^='http://www.nest-engineering.de/leistungen/#Sprung_RP']";).attr('target','_self');
});
//]]>
</script>
In meinen Button Elementen steht folgender externe Link:
http://www.nest-engineering.de/leistungen/#Sprung_Modell
Kann mir jemand helfen und mir sagen wo mein Fehler ist?
Aktuell öffnet immer noch alles in einem neuen Tab. Es sollte aber im gleichen Tab bleiben und nur an die Stelle Springen.
Die Homepage mit den Button ist: www.nest-engineering.de
Vielen Dank schon mal vorab.
VG
Stivi
Hey TiJo Danke für die Hilfe. Und sorry das ich so lange nichts von mir hören lies.
Ich bin absoluter Anfänger was HTML angeht darum versteh ich nicht ganz was du meinst.
Wie kann ich denn die Buttons zu target="_self" ändern? Ich kann doch dort nur auswählen externer oder interner Link und das wars?! Oder meinst du was anderes?
Wo sollte das
$(document).ready(function() {
$( "a[href*=#]").attr('target', '_self' );
Ich hab es einfach mit rein in den Head gepackt. oder soll es an eine bestimmte stelle.

...das ist schon richtig im Head-Bereich der Webseite. Aber Du musst die jQuery-Biliotheken vorher einbinden, sonst tut sich gar nix.
Schau z.B. mal bei https://designtest-vienna.jimdo.com/ - hier wurden alle Links in der Navigation durch ein Skript mit entsprechenden Attributen versehen:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script src="https://code.jquery.com/jquery-2.2.4.js" type="text/javascript">
</script>
<script type="text/javascript">
//noconflict
jQuery(function ($) {
$(function () {
//smooth scroll - target self
$(document).ready(function () {
$("a[href^='https://designtest-vienna.jimdo.com/#'], a[href^='https://designtest-vienna.jimdo.com/#start'], a[href^='https://designtest-vienna.jimdo.com/#bereich1'], a[href^='https://designtest-vienna.jimdo.com/#bereich2'], a[href^='https://designtest-vienna.jimdo.com/#bereich3']").attr('data-scroll', '').attr('data-options', '{ "easing": "linear" }').attr('target', '_self');
});
});
});
//eof noconflict
</script>
Zitat
<script src="https://code.jquery.com/jquery-2.2.4.js" type="text/javascript">
</script>
...ist die jQuery-Einbindung
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Hallo zusammen,
ich habe gerade das gleiche Problem. Ich möchte ebenfalls innerhalb der Navigation auf eine Unterseite verlinken. Folgendes habe ich im Header eingegeben:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script src="https://code.jquery.com/jquery-2.2.4.js" type="text/javascript">
</script>
<script type="text/javascript">
//<![CDATA[
var $j = jQuery.noConflict();
$j(document).ready(function() {
$j("a[href^='https://mario-hintermayer.jimdofree.com/de/business/#Philosophie']").attr('target','_self');
});
$j(document).ready(function() {
$j("a[href^='https://mario-hintermayer.jimdofree.com/de/private/#Vita']").attr('target','_self');
});
$j(document).ready(function() {
$j("a[href^='https://mario-hintermayer.jimdofree.com/de/social-1/#Zeitgeist']").attr('target','_self');
});
//]]>
</script>
Auf den Zielseiten habe ich die Headline wie folgt eingefügt:
2
3
<h2>
Philosophie<a id="Philosophie" name="Philosophie"></a>
</h2>
Und in der Navi als externen Link:
https://mario-hintermayer.jimdofree.com/de/business/#Philosophie
Leider öffnet sich die Zielseite nicht. Wo liegt mein Fehler?

Hallo @_az
Ich möchte die zwei Seiten www.bpw-projects.org und www.bpw-cfprojects.org miteinander verbinden, so dass von der 1. Seite nur der Navigationspunkt Club & Federation Projects auf der zweiten Seiten liegt, beim Anklicken der Navigation aber kein neues Fenster aufgeht.
Gemäss deinem obigen Beitrag von 23.3.2018 habe ich in meiner Seite im Head folgendes eingetragen:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script src="https://code.jquery.com/jquery-2.2.4.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
//noconflict
jQuery(function ($) {
$(function () {
//smooth scroll - target self
$(document).ready(function () {
$("a[href^='https://www.bpw-projects.org/#'], a[href^='https://www.bpw-projects.org/#club-federation-projects/").attr('data-scroll', '').attr('data-options', '{ "easing": "linear" }').attr('target', '_self');
});
});
});
//eof noconflict
//]]>
</script>
In der Navigation habe ich eingetragen: #https://www.bpw-cfprojects.org/club-federation-projects/
Wo ist der Fehler, dass dies nicht klappt? Ich habe den Eintrag in der Navigation auch ohne # ausprobiert und https://www.bpw-cfprojects.org/#club-federation-projects/
Nun weiss ich nicht mehr, wo noch suchen.
Danke für den Input, wo und wie ich da korrigieren muss.
LG, dimschu

...wieso willst Du den Link mit smooth-scroll versehen? Der geht doch auf eine neue Seite, da ist nix mit smooth-scroll.
probier mal den hier:
2
3
4
5
6
7
8
9
/* removing target blank from anchor links */
$(document).ready(function() {
$( "a[href*=https://deinOriginalLink]").attr('target', '_self' );
});
...allerdings verstehe ich die Frage auch nicht wirklich
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Ich stoße bei der Vorgehensweise auf 2 Probleme.
1. Der geklickte Menüpunkt behält das Attribut "Hover". Dadurch bleibt dieser nach dem Klick nicht "gefärbt". Zwar bekomme ich es per jquery gelöst, nur behält der Menüpunkt dauerhaft die Farbe.
2. Mobile schließt sich druch den Klick auf den Menüpunkt, die Navi nicht. Sprich der User müsste das Menü immer per X wegdrücken.
Gibt es hierzu eine Idee?
Danke und LG
- Allgemeines
- Regeln für die Benutzung des Forums
- HowToDo ( = so geht´s)
- Jimdo User-Forum
- Eure Jimdo-Webseiten - Vorstellungsrunde
- Bugs, Workarounds und Anregungen
- Jimdo-Elemente
- Allgemeines
- Jimdo-Shop
- Jimdo-Specials (Tools, Widgets, HTML und CSS)
- Suchmaschinenoptimierung (SEO)
- Sonstiges
- Tutorials
- "OffTopic"-Themen
- "Übernahme" von Beiträgen aus dem offiziellen Jimdo-Forum...
- Nutzungsbedingungen und Haftungsausschluss
- Jimdo-Blog
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!