Fehler beim Slider im Index und Forum
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Probleme mit Scripten oder Code's
Seite 1 von 1
Fehler beim Slider im Index und Forum
Hallo liebe Community,
ich wollte einen sogenannten Teamspeak Slider einbauen auf meiner Website. Doch beim einfügen in ein Modul, wird zwar das Bild angezeigt, doch beim draufklicken wird dies nicht aufgeklappt. Ist irgendein Fehler in dem Script?
Als beispiel in einem Leeren HTML Dokument funktioniert es: Klick mich<
ich wollte einen sogenannten Teamspeak Slider einbauen auf meiner Website. Doch beim einfügen in ein Modul, wird zwar das Bild angezeigt, doch beim draufklicken wird dies nicht aufgeklappt. Ist irgendein Fehler in dem Script?
- Code:
<html>
<head>
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
border:1.5px solid black;
background-color:#F2F2F2;
layer-background-color:#F2F2F2;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
</head>
<body>
<script language="JavaScript1.2">
/***********************************************
* Sliding Menu Bar Script- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
***********************************************/
var slidemenu_width='160px' //specify width of menu (in pixels)
var slidemenu_reveal='12px' //specify amount that menu should protrude initially
var slidemenu_top='170px' //specify vertical offset of menu on page
var ns4=document.layers?1:0
var ie4=document.all
var ns6=document.getElementById&&!document.all?1:0
if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
else if (ns4){
document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
}
var sitems=new Array()
///////////Edit below/////////////////////////////////
//siteitems[x]=["Item Text", "Optional URL associated with text"]
sitems[0]=["<big><font face='Arial'>Site Menu</font></big>", ""]
sitems[1]=["Menus And Navigation", "http://www.dynamicdrive.com/dynamicindex1/"]
sitems[2]=["Document Effects", "http://www.dynamicdrive.com/dynamicindex3/"]
sitems[3]=["Scrollers", "http://www.dynamicdrive.com/dynamicindex2/"]
sitems[4]=["Image Effects", "http://www.dynamicdrive.com/dynamicindex4/"]
sitems[5]=["Links And Buttons", "http://www.dynamicdrive.com/dynamicindex5/"]
sitems[6]=["Dynamic Clocks & Dates", "http://www.dynamicdrive.com/dynamicindex6/"]
sitems[7]=["Text Animations", "http://www.dynamicdrive.com/dynamicindex10/"]
sitems[8]=["Browser Window", "http://www.dynamicdrive.com/dynamicindex8/"]
sitems[9]=["User System Information", "http://www.dynamicdrive.com/dynamicindex9/"]
sitems[10]=["Other", "http://www.dynamicdrive.com/dynamicindex11/"]
//If you want the links to load in another frame/window, specify name of target (ie: target="_new")
var target=""
/////////////////////////////////////////////////////////
if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>\n')
}
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2
rightboundary=0
leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1
if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10+"px"
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}
function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10+"px"
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}
</script>
</body>
</html>
Als beispiel in einem Leeren HTML Dokument funktioniert es: Klick mich<
Zuletzt von Osti am Mo 21 Jan 2013 - 21:40 bearbeitet; insgesamt 1-mal bearbeitet
Osti- Neuling
- Anzahl der Beiträge : 35
Browser :
Anmeldedatum : 27.12.12
Re: Fehler beim Slider im Index und Forum
Hallo,
im hier geposteten Code wurde das Script und CSS falsch eingeleitet. Außerdem war eine vollständige HTML-Dokument-Struktur (head, body...) vorhanden, was du natürlich beim Einsatz in einem Modul nicht so übernehmen darfst. Ich habe das mal angepasst:
Liebe Grüße
Günther
im hier geposteten Code wurde das Script und CSS falsch eingeleitet. Außerdem war eine vollständige HTML-Dokument-Struktur (head, body...) vorhanden, was du natürlich beim Einsatz in einem Modul nicht so übernehmen darfst. Ich habe das mal angepasst:
- Code:
<style type="text/css">
#slidemenubar, #slidemenubar2{
position:absolute;
border:1.5px solid black;
background-color:#F2F2F2;
layer-background-color:#F2F2F2;
font:bold 12px Verdana;
line-height:20px;
}
</style>
<script type="text/javascript">
/***********************************************
* Sliding Menu Bar Script- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
***********************************************/
var slidemenu_width='160px' //specify width of menu (in pixels)
var slidemenu_reveal='12px' //specify amount that menu should protrude initially
var slidemenu_top='170px' //specify vertical offset of menu on page
var ns4=document.layers?1:0
var ie4=document.all
var ns6=document.getElementById&&!document.all?1:0
if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
else if (ns4){
document.write('>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
}
var sitems=new Array()
///////////Edit below/////////////////////////////////
//siteitems[x]=["Item Text", "Optional URL associated with text"]
sitems[0]=["<big><font face='Arial'>Site Menu</font></big>", ""]
sitems[1]=["Menus And Navigation", "http://www.dynamicdrive.com/dynamicindex1/"]
sitems[2]=["Document Effects", "http://www.dynamicdrive.com/dynamicindex3/"]
sitems[3]=["Scrollers", "http://www.dynamicdrive.com/dynamicindex2/"]
sitems[4]=["Image Effects", "http://www.dynamicdrive.com/dynamicindex4/"]
sitems[5]=["Links And Buttons", "http://www.dynamicdrive.com/dynamicindex5/"]
sitems[6]=["Dynamic Clocks & Dates", "http://www.dynamicdrive.com/dynamicindex6/"]
sitems[7]=["Text Animations", "http://www.dynamicdrive.com/dynamicindex10/"]
sitems[8]=["Browser Window", "http://www.dynamicdrive.com/dynamicindex8/"]
sitems[9]=["User System Information", "http://www.dynamicdrive.com/dynamicindex9/"]
sitems[10]=["Other", "http://www.dynamicdrive.com/dynamicindex11/"]
//If you want the links to load in another frame/window, specify name of target (ie: target="_new")
var target=""
/////////////////////////////////////////////////////////
if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>\n')
}
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2
rightboundary=0
leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1
if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10+"px"
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}
function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10+"px"
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}
</script>
Liebe Grüße
Günther
Günther- Administrator
- Anzahl der Beiträge : 15068
Browser :
Anmeldedatum : 16.07.08
Re: Fehler beim Slider im Index und Forum
Sorry D: Ich habe den falschen Code eingefügt hier nochmal der richtige
Sei mir bitte nicht böse
- Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<div id="login_slider" class="login_slider" style=" right: 0px; width: 40px; position: fixed; top:20%; background:url(http://anleitungen.mariodev.de/images/bar2.png) repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >
<div style=" margin-top:0px; margin-left:40px; text-align:left; height: 500px; overflow:auto; overflow-x: hidden">
<div id="ts3viewer_998924" style="width:; background-color:;"> </div>
<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>
<script type="text/javascript">
<!--
var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=998924&text=000000&text_size=12&text_family=1&js=1&text_s_color=000000&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=ff0000&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_color=000000&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=ff0000&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_color=000000&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=ff0000&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_color=000000&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=ff0000&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_1, 998924, 100);
-->
</script>
</div>
</div>
<script type="text/javascript">
var state = 0;
var wait = false;
function changeSlider()
{
if(state==1){
$('#login_slider').animate({width: 40 }, "slow", function(){state = 0;});
}
else
$('#login_slider').animate({width: 315 }, "slow", function(){state = 1;});
}
$('#login_slider').click(function(){
changeSlider();
});
</script>
Sei mir bitte nicht böse
Osti- Neuling
- Anzahl der Beiträge : 35
Browser :
Anmeldedatum : 27.12.12
Re: Fehler beim Slider im Index und Forum
Dieses Script ist für die Verwendung in einem Indexmodul nicht kompatibel, tut mir leid. Auch über die JS-Verwaltung wird es nicht korrekt ausgeführt.
Deshalb würde ich mich nach einem anderen Script umsehen. Das zuerst gepostete erfüllt z.B. bereits eine ähnliche Funktion und ist zudem kompatibel.
Deshalb würde ich mich nach einem anderen Script umsehen. Das zuerst gepostete erfüllt z.B. bereits eine ähnliche Funktion und ist zudem kompatibel.
Günther- Administrator
- Anzahl der Beiträge : 15068
Browser :
Anmeldedatum : 16.07.08
Re: Fehler beim Slider im Index und Forum
Oke, danke.
Dann versuche ich mich mal daran.
Ich wünsche dir einen schönen Abend.
Günther, du bist der beste!
Dann versuche ich mich mal daran.
Ich wünsche dir einen schönen Abend.
Günther, du bist der beste!
Osti- Neuling
- Anzahl der Beiträge : 35
Browser :
Anmeldedatum : 27.12.12
Re: Fehler beim Slider im Index und Forum
Bitteschön, dir ebenfalls einen schönen Abend.
Und danke für dein Kompliment.
-closed-
Und danke für dein Kompliment.
-closed-
Günther- Administrator
- Anzahl der Beiträge : 15068
Browser :
Anmeldedatum : 16.07.08
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Probleme mit Scripten oder Code's
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
|
|