Ergebnis 1 bis 3 von 3

Thema: Javascript macht Link unklickbar - wie ändern?

  1. #1
    Registriert seit
    Bekam 0 mal "Danke" in 0 Postings

    Standard Javascript macht Link unklickbar - wie ändern?


    ich habe leider keine Ahnung von Javascript - als ich eben etwas ändern wollte, aber gerade festgestellt, dass mein Website Template Javascript benutzt -.-

    Folgendes Problem:
    Ich bin HIER:

    Roomba 531 ist ein Unterpunkt des Menüpunkts "Staubsauger Roboter". Wenn der aktiviert ist, kann ich NICHT zurück auf "Staubsauger Roboter" klicken. Der Link ist nur klickbar, wenn man auf einem anderen "Hauptmenüpunkt" ist, nicht aber von einem seiner Untermenüpunkte aus (z.B. eben von Roomba 531).

    Ich habe die Navigation bislang umständlich über einen Untermenüpunkt "Zurück zu..." gelöst. Ich finde das aber auf Dauer sehr unschön und brauche auch den Platz für weitere Navigationselemente.

    Die Nicht-Anklickbarkeit des Überpunktes vom Untermenü aus, liegt, so vermute ich an dem Javascript (oder am CSS?).

    Hier mal der Code:
    <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Roomba 531</title> <link href="templatemo_style.css" rel="stylesheet" type="text/css" /> <link href="css/jquery.ennui.contentslider.css" rel="stylesheet" type="text/css" media="screen,projection" /> <link rel="stylesheet" type="text/css" href="tabcontent.css" /> <script type="text/javascript" src="js/jquery.min.1.3.2.js"></script> <script type="text/javascript" src="js/tabcontent.js"> </script> <script language="javascript" type="text/javascript"> function clearText(field) {     if (field.defaultValue == field.value) field.value = '';     else if (field.value == '') field.value = field.defaultValue; } </script> </head> <body> <div id="templatemo_wrapper"> <div id="templatemo_site_title_bar_wrapper">     <div id="templatemo_site_title_bar">         <div id="site_title">              <h1><a href="#">Staubsauger Roboter</a></h1><span id="blub"> - so einfach, so sauber</span>    </div></div></div>   <div id="templatemo_content_wrapper_outter"><div id="templatemo_content_wrapper_inner"><div id="templatemo_content_top"></div><div id="templatemo_content"><div id="templatemo_menu"><div id="pettabs" class="indentmenu">                  <ul>                        <li><a href="/">Home</a></li>                        <li><a href="saugroboter_preisvergleich.html">Preisvergleich</a></li> <li><a href="staubsaugerroboter.html" rel="tab3" class="selected">Staubsauger Roboter</a></li>                       <li><a href="wischroboter.html">Wischroboter</a></li>                       <li><a href="weiteres_staubsaugerroboter.html">Infocenter</a></li>                       <li><a href="kontakt_robowunder.html" style="border-right: none;">Kontakt</a></li>                 </ul>             </div>             <div class="tabcontentstyle"><div id="tab3" class="tabcontent"><ul>                        <li><a href="staubsaugerroboter.html"><b><em>Zurück zu Saugrobotern</em></b></a></li><li><a href="infinuvo_cleanmate_qq_2.html">CleanM. QQ-2</a></li><li><a href="roomba_531.html"><u>Roomba 531</u></a></li><li><a href="roomba_555.html">Roomba 555</a></li><li><a href="roomba_56x_pet.html">Roomba 564 PET</a></li><li><a href="roomba_581.html">Roomba 581</a></li><li><a href="navibot_sr-8855.html">Navib. SR-8855</a></li></ul></div></div> <script type="text/javascript"> var mypets=new ddtabcontent("pettabs") mypets.setpersist(true) mypets.setselectedClassTarget("link") mypets.init(false)    </script></div> 
    Hier das JS:
    //** Tab Content script v2.0- © Dynamic Drive DHTML code library ( //** Updated Oct 7th, 07 to version 2.0. Contains numerous improvements: //   -Added Auto Mode: Script auto rotates the tabs based on an interval, until a tab is explicitly selected //   -Ability to expand/contract arbitrary DIVs on the page as the tabbed content is expanded/ contracted //   -Ability to dynamically select a tab either based on its position within its peers, or its ID attribute (give the target tab one 1st) //   -Ability to set where the CSS classname "selected" get assigned- either to the target tab's link ("A"), or its parent container //** Updated Feb 18th, 08 to version 2.1: Adds a "tabinstance.cycleit(dir)" method to cycle forward or backward between tabs dynamically //** Updated April 8th, 08 to version 2.2: Adds support for expanding a tab using a URL parameter (ie:   ////NO NEED TO EDIT BELOW////////////////////////  function ddtabcontent(tabinterfaceid){     this.tabinterfaceid=tabinterfaceid //ID of Tab Menu main container     this.tabs=document.getElementById(tabinterfaceid).getElementsByTagName("a") //Get all tab links within container     this.enabletabpersistence=true     this.hottabspositions=[] //Array to store position of tabs that have a "rel" attr defined, relative to all tab links, within container     this.currentTabIndex=0 //Index of currently selected hot tab (tab with sub content) within hottabspositions[] array     this.subcontentids=[] //Array to store ids of the sub contents ("rel" attr values)     this.revcontentids=[] //Array to store ids of arbitrary contents to expand/contact as well ("rev" attr values)     this.selectedClassTarget="link" //keyword to indicate which target element to assign "selected" CSS class ("linkparent" or "link") }  ddtabcontent.getCookie=function(Name){      var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair     if (document.cookie.match(re)) //if cookie found         return document.cookie.match(re)[0].split("=")[1] //return its value     return "" }  ddtabcontent.setCookie=function(name, value){     document.cookie = name+"="+value+";path=/" //cookie value is domain wide (path=/) }  ddtabcontent.prototype={      expandit:function(tabid_or_position){ //PUBLIC function to select a tab either by its ID or position(int) within its peers         this.cancelautorun() //stop auto cycling of tabs (if running)         var tabref=""         try{             if (typeof tabid_or_position=="string" && document.getElementById(tabid_or_position).getAttribute("rel")) //if specified tab contains "rel" attr                 tabref=document.getElementById(tabid_or_position)             else if (parseInt(tabid_or_position)!=NaN && this.tabs[tabid_or_position].getAttribute("rel")) //if specified tab contains "rel" attr                 tabref=this.tabs[tabid_or_position]         }         catch(err){alert("Invalid Tab ID or position entered!")}         if (tabref!="") //if a valid tab is found based on function parameter             this.expandtab(tabref) //expand this tab     },      cycleit:function(dir, autorun){ //PUBLIC function to move foward or backwards through each hot tab (tabinstance.cycleit('foward/back') )         if (dir=="next"){             var currentTabIndex=(this.currentTabIndex<this.hottabspositions.length-1)? this.currentTabIndex+1 : 0         }         else if (dir=="prev"){             var currentTabIndex=(this.currentTabIndex>0)? this.currentTabIndex-1 : this.hottabspositions.length-1         }         if (typeof autorun=="undefined") //if cycleit() is being called by user, versus autorun() function             this.cancelautorun() //stop auto cycling of tabs (if running)         this.expandtab(this.tabs[this.hottabspositions[currentTabIndex]])     },      setpersist:function(bool){ //PUBLIC function to toggle persistence feature             this.enabletabpersistence=bool     },      setselectedClassTarget:function(objstr){ //PUBLIC function to set which target element to assign "selected" CSS class ("linkparent" or "link")         this.selectedClassTarget=objstr || "link"     },      getselectedClassTarget:function(tabref){ //Returns target element to assign "selected" CSS class to         return (this.selectedClassTarget==("linkparent".toLowerCase()))? tabref.parentNode : tabref     },      urlparamselect:function(tabinterfaceid){         var RegExp(tabinterfaceid+"=(\\d+)", "i")) //check for "?tabinterfaceid=2" in URL         return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index     },      expandtab:function(tabref){         var subcontentid=tabref.getAttribute("rel") //Get id of subcontent to expand         //Get "rev" attr as a string of IDs in the format ",john,george,trey,etc," to easily search through         var associatedrevids=(tabref.getAttribute("rev"))? ","+tabref.getAttribute("rev").replace(/\s+/, "")+"," : ""         this.expandsubcontent(subcontentid)         this.expandrevcontent(associatedrevids)         for (var i=0; i<this.tabs.length; i++){ //Loop through all tabs, and assign only the selected tab the CSS class "selected"             this.getselectedClassTarget(this.tabs[i]).className=(this.tabs[i].getAttribute("rel")==subcontentid)? "selected" : ""         }         if (this.enabletabpersistence) //if persistence enabled, save selected tab position(int) relative to its peers             ddtabcontent.setCookie(this.tabinterfaceid, tabref.tabposition)         this.setcurrenttabindex(tabref.tabposition) //remember position of selected tab within hottabspositions[] array     },      expandsubcontent:function(subcontentid){         for (var i=0; i<this.subcontentids.length; i++){             var subcontent=document.getElementById(this.subcontentids[i]) //cache current subcontent obj (in for loop)    "block" : "none" //"show" or hide sub content based on matching id attr value         }     },      expandrevcontent:function(associatedrevids){         var allrevids=this.revcontentids         for (var i=0; i<allrevids.length; i++){ //Loop through rev attributes for all tabs in this tab interface             //if any values stored within associatedrevids matches one within allrevids, expand that DIV, otherwise, contract it             document.getElementById(allrevids[i]).style.display=(associatedrevids.indexOf(","+allrevids[i]+",")!=-1)? "block" : "none"         }     },      setcurrenttabindex:function(tabposition){ //store current position of tab (within hottabspositions[] array)         for (var i=0; i<this.hottabspositions.length; i++){             if (tabposition==this.hottabspositions[i]){                 this.currentTabIndex=i                 break             }         }     },      autorun:function(){ //function to auto cycle through and select tabs based on a set interval         this.cycleit('next', true)     },      cancelautorun:function(){         if (typeof this.autoruntimer!="undefined")             clearInterval(this.autoruntimer)     },      init:function(automodeperiod){         var persistedtab=ddtabcontent.getCookie(this.tabinterfaceid) //get position of persisted tab (applicable if persistence is enabled)         var selectedtab=-1 //Currently selected tab index (-1 meaning none)         var selectedtabfromurl=this.urlparamselect(this.tabinterfaceid) //returns null or index from: tabcontent.htm?tabinterfaceid=index         this.automodeperiod=automodeperiod || 0         for (var i=0; i<this.tabs.length; i++){             this.tabs[i].tabposition=i //remember position of tab relative to its peers             if (this.tabs[i].getAttribute("rel")){                 var tabinstance=this                 this.hottabspositions[this.hottabspositions.length]=i //store position of "hot" tab ("rel" attr defined) relative to its peers                 this.subcontentids[this.subcontentids.length]=this.tabs[i].getAttribute("rel") //store id of sub content ("rel" attr value)                 this.tabs[i].onclick=function(){                     tabinstance.expandtab(this)                     tabinstance.cancelautorun() //stop auto cycling of tabs (if running)                     return false                 }                 if (this.tabs[i].getAttribute("rev")){ //if "rev" attr defined, store each value within "rev" as an array element                     this.revcontentids=this.revcontentids.concat(this.tabs[i].getAttribute("rev").split(/\s*,\s*/))                 }                 if (selectedtabfromurl==i || this.enabletabpersistence && selectedtab==-1 && parseInt(persistedtab)==i || !this.enabletabpersistence && selectedtab==-1 && this.getselectedClassTarget(this.tabs[i]).className=="selected"){                     selectedtab=i //Selected tab index, if found                 }             }         } //END for loop         if (selectedtab!=-1) //if a valid default selected tab index is found             this.expandtab(this.tabs[selectedtab]) //expand selected tab (either from URL parameter, persistent feature, or class="selected" class)         else //if no valid default selected index found             this.expandtab(this.tabs[this.hottabspositions[0]]) //Just select first tab that contains a "rel" attr         if (parseInt(this.automodeperiod)>500 && this.hottabspositions.length>1){             this.autoruntimer=setInterval(function(){tabinstance.autorun()}, this.automodeperiod)         }     } //END int() function  } //END Prototype assignment
    Das (denke ich hierfür relevante) CSS ist hier:

    Würde mich freuen wenn mir einer helfen könnte VERSTEHE GAR NICHT, warum das unklickbar wird! Vielen, Vielen Dank!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2

    Standard AW: Javascript macht Link unklickbar - wie ändern?

    JavaScript ist für die Navigation von Webseiten völlig ungeeignet. Sieht man ja.

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    Bekam 48 mal "Danke" in 46 Postings

    Standard AW: Javascript macht Link unklickbar - wie ändern?

    also den code in einer zeile... das schaut sich niemand an!


    ach und..:

    "NetworkError: 404 Not Found -"

    "NetworkError: 404 Not Found -"

    "NetworkError: 404 Not Found -"
    das ganze doppelt.. räum mal alles auf und dann schau weiter
    Geändert von synaptic (25.05.2012 um 21:53 Uhr)
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. JavaScript Link ändern
    Von Nico1994 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 02.10.2010, 16:25
  2. Linkfarbe mit Javascript ändern
    Von Shou im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 39
    Letzter Beitrag: 03.02.2010, 22:59
  3. Element a:link macht im externen CSS Probleme! Bitte um Hilfe
    Von bodenseejenny im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 27.09.2009, 20:12
  4. Javascript ändern
    Von linkwelt im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 20.12.2007, 21:27
  5. Javascript, bei Mouseover Text ändern
    Von Sojo im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 17.04.2007, 14:52



  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein