Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

Links die nichts machen trotz Base-Tags

Diskussion: Links die nichts machen trotz Base-Tags im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hey, Ich habe ein Projekt das mit rewriterules sowie dem Base-Tag arbeitet. Nun hab ich auf einer Seite sowas ...
Antwort
Themen-Optionen Ansicht
   
Alt 03.01.11, 00:07   #1 (permalink)
 
Benutzerbild von ChiefWiggum
 
Registriert seit: 09.10.07
ChiefWiggum Leistung: 8086
ChiefWiggum eine Nachricht über ICQ schicken
Likes: 11
erledigt Links die nichts machen trotz Base-Tags
Anzeige

Hey,

Ich habe ein Projekt das mit rewriterules sowie dem Base-Tag arbeitet.
Nun hab ich auf einer Seite sowas wie "Tabs" realisiert, d.h. wenn ich auf einen anderen Tab klicke -> Inhalt changed sich.
Die Tab-"Changer" sind als Links realisiert, also z.B.:
<li><a href="#" id="tab1" onclick="javascript:switchTab(0);">Benutzer</a></li>
Der Link @ # wird aber hinter das basedir gesetzt, d.h. wenn ich in / bin und auf den Link klicke, klappt es wunderbar, wenn ich jedoch in /unterverz/ bin und auf den Link klicke werde ich auf /# weitergeleitet.

Lange Rede, kurzer Sinn: Wie kann ich einen "leeren" Link machen oder dieses Tab-schema mit anderen Elementen (optimalerweise auch per onclick) realisieren?
(Habs jetzt mit li-Elementen gemacht, die dann per onclick umschalten - Trotzdem würde es mich interessieren obs irgendwie mit a's geht)

Danke im Voraus!


ChiefWiggum

__________________
Be the source always with you.
Geändert von ChiefWiggum (03.01.11 um 13:59 Uhr)
ChiefWiggum ist offline   Mit Zitat antworten
Alt 03.01.11, 12:40   #2 (permalink)
Member of Honour
 
Benutzerbild von beavisbee
 
Registriert seit: 22.02.07
beavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium III
beavisbee eine Nachricht über ICQ schicken
Likes: 77
Standard
der _gesamte_ HTML-Code wäre mal interessant, um das Problem mal selbst nachvollziehen zu können.

aber einen Tipp schonmal:
Code:
<li><a href="#" id="tab1" onclick="javascript:switchTab(0);return false;">Benutzer</a></li>
das sorgt dafür, dass der eigentliche Link gar nicht erst verfolgt wird - also kein # an die URL angehängt wird.
beavisbee ist gerade online   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 03.01.11, 13:47   #3 (permalink)
Themenstarter
 
Benutzerbild von ChiefWiggum
 
Registriert seit: 09.10.07
ChiefWiggum Leistung: 8086
ChiefWiggum eine Nachricht über ICQ schicken
Likes: 11
Standard
Die Lösung funktioniert, danke (:
Code   
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>bla</title>
<base href="http://localhost/eclipse/proj/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link REL="SHORTCUT ICON" HREF="favicon.ico">
<link rel="stylesheet" href="template/default/css/layout.css" 
    media="screen" type="">
<link rel="stylesheet" href="template/default/css/usercp.css"
    media="screen" type="">

<script>
    function _(name){
        return document.getElementById(name);
    }
    function switchTab(id){
        if(id == 0){
            _('benutzerdaten').style.display = 'block';
            _('produkte').style.display = 'none';
            _('tab1').style.backgroundColor = '#daecf8';
            _('tab1').style.borderBottom = '1px solid #daecf8';
            _('tab2').style.border = '1px solid #336699';
            _('tab2').style.backgroundColor = '#FFFFFF';
        } else if(id == 1){
            _('benutzerdaten').style.display = 'none';
            _('produkte').style.display = 'block';
            _('tab2').style.backgroundColor = '#daecf8';
            _('tab2').style.borderBottom = '1px solid #daecf8';
            _('tab1').style.border = '1px solid #336699';
            _('tab1').style.backgroundColor = '#FFFFFF';
        }
        return 0;
    }
</script>
</head>

<body>
<!-- jede menge zeugs -->
<div id="tabbar">
<ul id="tabs">
    <li><a href="#" id="tab1" onclick="javascript:switchTab(0);return false;">Benutzer</a></li>
    <li><a href="#" id="tab2" onclick="javascript:switchTab(1);return false;">Produkt</a></li>
</ul>
</div>
<!-- noch mehr zeugs -->
<div id="benutzerdaten">
blablabla
</div>

<div id="produkte" style="display: none;">    
asdFasdFasdF
</div>
</body>
</div>
</body>



Das sollte das wesentliche sein
__________________
Be the source always with you.
ChiefWiggum ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » HTML Links die nichts machen trotz Base-Tags
« Vorheriges Thema | Nächstes Thema »
Themen-Optionen
Ansicht
Linear-Darstellung Linear-Darstellung

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus

Alle Zeitangaben in WEZ +2. Es ist jetzt 22:18 Uhr.
vBulletin® v3.8.7, Copyright ©2000-2012, vBulletin Solutions, Inc.

1 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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61