peacer
Goto Top

Wie funktioniert der Aufruf für folgende Funktion?

Hallo Zusammen,

habe hier eine HTML Seite und möchte wissen wie folgender Funktionsaufruf funktioniert:
<a id="VolOffSwitch" href="javascript:;" >  

Folgende JS Dateien wurden im Header hinzugefügt:

<script type="text/javascript" src="js/jquery.js"> </script>  
<script type="text/javascript" src="js/jquery.ui.core.js"></script>  
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>  
<script type="text/javascript" src="js/jquery.ui.mouse.js"></script>  
<script type="text/javascript" src="js/jquery.ui.slider.js"></script>  
<script type="text/javascript" src="js/base64.js"></script>  
<script type="text/javascript" src="js/common.js"></script>  
<script type="text/javascript" src="js/playerex.js"></script>  
<script type="text/javascript" src="js/display.js"></script>  
<script type="text/javascript" src="js/ptz.js"></script>  
<script type="text/javascript" src="js/index.js"></script>  

Kann mir jemand helfen?

Content-ID: 276268

Url: https://administrator.de/contentid/276268

Ausgedruckt am: 22.11.2024 um 07:11 Uhr

michi1983
Lösung michi1983 02.07.2015 aktualisiert um 13:56:10 Uhr
Goto Top
Hallo,

hier wurde wohl versucht etwas wie ein Link aussehen zu lassen.
Über die id wird dann irgendein javascript ausgefüht wahrscheinlich.

Ein normales <a> ohne href wäre nicht HTML konform, deshalb wurde wohl das javascript:; eingefügt.

Gruß
Peacer
Peacer 02.07.2015 um 13:41:15 Uhr
Goto Top
Vielen Dank,

wie würde man so etwas bauen? Und wo ist definiert welches javascript ausgeführt wird? In der html hab ich schon nachgeschaut, da gibt es zwar einen kleinen Scriptbereich, der ist allerdings leer - also es wurden keinerlei Funktionen in der Html definiert.

Deswegen denke ich das der Verweis irgendwo in den JS Dateien versteckt sein muss, diese Function prüft dann wahrscheinlich welche ID das angeklickte Element hat.

Hmm...
michi1983
michi1983 02.07.2015 um 13:54:04 Uhr
Goto Top
<script type="text/javascript" src="js/jquery.js"> </script>  
<script type="text/javascript" src="js/jquery.ui.core.js"></script>  
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>  
<script type="text/javascript" src="js/jquery.ui.mouse.js"></script>  
<script type="text/javascript" src="js/jquery.ui.slider.js"></script>  
<script type="text/javascript" src="js/base64.js"></script>  
<script type="text/javascript" src="js/common.js"></script>  
<script type="text/javascript" src="js/playerex.js"></script>  
<script type="text/javascript" src="js/display.js"></script>  
<script type="text/javascript" src="js/ptz.js"></script>  
<script type="text/javascript" src="js/index.js"></script>  

Alle diese Skripte werden ausgeführt, und in einem dieser wird ein Selektor verwendet der der ID des Links entspricht um etwas auszuführen.

Gruß
Peacer
Peacer 02.07.2015 um 13:55:48 Uhr
Goto Top
Ahaaa hab's gerade gefunden. Hier wurde das Click event verwendet, so hab ich das noch nie gesehen aber scheint ja zu funktionieren.

Passend zum Beispiel in der Frage:

 
$('#VolOnSwitch, #VolOffSwitch').click(function() {  
		
        if ($(this).attr("id") == "VolOffSwitch") {  
			 ret = SetMute(0);
			 if(ret == true){
				 $(this).css("display", "none");  
				$("#VolOnSwitch").css("display", "inline-block");  
			 }
        } else {
			ret = SetMute(1);
			 if(ret == true){
				$(this).css("display", "none");  
				$("#VolOffSwitch").css("display", "inline-block");  
			 }
        }
    })