Verweis zu einem Anker innerhalb einer anderen Datei
hallo zusammen,
ich hoffe ihr könnt mir weiterhelfen.
Folgende Situation. Ich habe eine Seite unsere-leistung.html. Hier sind sechs Links, welche auf eine weitere Seite (leistungen-im-detail.html) verlinken sollen, aber zu dem entsprechenden Abschnitt
Ich habe diese wie folgt gelöst:
Mit Hilfe des #: leistungen-im-detail.html#analyse-der-basissituation
Nur wenn ich dies mit dem zweiten Link mache:
PHP-Code:
<a class="ce_text col-md-4 contentbox block" href="{{link_url::7}}#analyse-der-basissituation" title="Analyse der Basissituation">
<div>
<h3>Analyse der Basissituation</h3>
<p>Wir hinten, hinter den Wortbergen</p>
<p class="more">
<img width="18" height="18" alt="Produktlotsen" src="files/content/grafiken/kreuz.gif"> mehr
</p>
</div>
</a>
Funktioniert der Sprung nicht.
Kann mir da jemand einen Tipp geben?
offtopic: jQuery, MooTools
offtopic:
Ich mache es einfach mal hier anstatt in einer PM.
Die vielleicht beste Gegenüberstellung gab's bereits 2009 und ist von Aaron Newton von Clientcide http://www.jqueryvsmootools.com/.
Im BE von Contao ist nach wie vor nur MooTools aktiv.
JQuery ist populärer, da es bessere Öffentlichkeitsarbeit betrieben hat - und es somit dann auch (leider) viel mehr Plugins gibt, welche die jQuery Bibliothek erfordern.
Obwohl ich jetzt auch schon einige Zeit jQuery-Code schreibe, fällt mir MooTools immer noch leichter und auch leichter zu lesen. Es erscheint mir irgendwie logischer.
Das Handbuch von MooTools finde ich sehr gut, mal ein Beispiel http://mootools.net/core/docs/1.6.0/...#Element:clone
Mit dem Handbuch von jQuery habe ich so meine Probleme da was zu finden, weshalb ich da immer Google bemühe. https://api.jquery.com/clone/
Ich habe mir beide Handbücher mit eigenem CSS (Stylish) angepasst.
MooTools:
PHP-Code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("http://mootools\\.net/.*/docs.*") {
.wrapper {
margin: 0 auto 0 270px!important;
}
.docs .toc {
position: fixed!important;
left: 0!important;
top: 0!important;
height: 100vh!important;
overflow-y: scroll!important;
max-width: 266px!important;
z-index: 101!important;
background-color: #fff!important;
}
/*
.docs .toc .small {
height: auto!important;
}
.docs .toc .small ul {
display: block!important;
}
*/
.core .main .docs .toc a.top:active {
color: #fff!important;
}
.main a {
position: relative;
z-index: 1;
}
.docs .content h1 a {
border-top: 90px solid transparent;
}
.docs .content h2 a {
border-top: 90px solid transparent;
margin-top: -90px;
z-index: auto;
}
}
jQuery:
PHP-Code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("api.jquery.com") {
#sidebar {
background-color: rgba(255, 255, 255, 0.99);
float: none !important;;
left: 0;
margin: 0 !important;;
max-height: 100%;
max-width: 2550px;
overflow: auto;
padding: 0 0 0 16px;
position: fixed;
top: 0;
width: 255px !important;;
}
#sidebar li {
padding: 0 0 0 16px;
}
/* Aktive Menüpunkte hervorheben */
#sidebar li.current-cat-parent,
#sidebar li.current-cat {
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .5);
}
#sidebar .children li.current-cat {
box-shadow: none;
}
#sidebar li.current-cat-parent > a {
font-weight: bold !important;
}
#sidebar li.current-cat > a {
background-color: #444 !important;
color: #fff !important;
text-shadow: none !important;
margin-left: -5px !important;
padding-left: 5px !important;
}
}
Am Ende ist ja beides JavaScript. Muss halt jeder für sich entscheiden, womit er besser programmieren kann, was mehr Spaß macht. Bei mir ist es MooTools.
Neben der Einfachheit, Lesbarkeit und Logik des Codes ist ganz besonders wichtig, dass eine Bibliothek dir abnimmt, für jeden Browser eine Extra-Lösung programmieren zu müssen, und ich denke das machen sie beide sehr gut.
Im FE versuche ich immer nur eine Bibliothek einzusetzen und da mir der Code der Mediabox mittlerweile nicht mehr gefällt (wird wohl nicht mehr weiterentwickelt), benutze ich die Colorbox und bin damit erstmal auf jQuery festgelegt. Sollte sich irgendwann eine coole MooTools-Lightbox auftun, werde ich wohl wieder auf MooTools wechseln.
Übrigens, wenn du JS programmierst, welches nicht von einer Bibliothek abhängig ist, also reines JS, dann nennt man das auch Vanilla-JS.
Wenn du ein wenig mit jQuery od. MooTools rumspielen möchtest, kannst du das z.B. direkt in der Konsole von Firebug. Elemente auswählen, irgendwas mit den Elementen machen...
Bitte keinen Thread hieraus starten, weil offtopic. Wenn gewünscht, dann besser einen neuen Thread aufmachen. Ich persönlich brauche solch einen Thread nicht.
