Hur gör jag för att gömma typ:
<a href="javascript:void(0);" id="close1" onClick="visibleBox('1')">Öppna</a>
<a href="javascript:void(0);" id="open1" style="display: none;" onClick="visibleBox('1')">Stäng</a>
om java inte är aktiverat i browsen?
/g
8 svar · 738 visningar · startad av gabbo
Hur gör jag för att gömma typ:
<a href="javascript:void(0);" id="close1" onClick="visibleBox('1')">Öppna</a>
<a href="javascript:void(0);" id="open1" style="display: none;" onClick="visibleBox('1')">Stäng</a>
om java inte är aktiverat i browsen?
/g
Göm de per default med CSS, och ändra sen (element).style = "visible" med javascript.
prey skrev:
Göm de per default med CSS, och ändra sen (element).style = "visible" med javascript.
Du får gärna förklara lite mer utförligt :-)
I <head>:
<head>
<style type="text/css">
.hidden {visibility: hidden; display: none;}
.visible {visibility: visible; display: inline;}
</style>
<script type="text/javascript">
window.onload = function loader() {
myFunction();
};
</script>
<script type="text/javascript" src="minfil.js"></script>
</head>
I minfil.js:
function myFuntion(){
document.getElementById('open1').onclick = function() {
alert('nu klickade du på open1');
document.getElementById('open1').style = "hidden";
document.getElementById('close1').style = "visible";
}
}
och motsv. för close1. Det borde fungera (du får anpassa lite)
Ta även bort "javascript:void(0);" och ersätt med href="#"
prey skrev:
I <head>:
<head> <style type="text/css"> .hidden {visibility: hidden; display: none;} .visible {visibility: visible; display: inline;} </style> <script type="text/javascript"> window.onload = function loader() { myFunction(); }; </script> <script type="text/javascript" src="minfil.js"></script> </head>I minfil.js:
function myFuntion(){ document.getElementById('open1').onclick = function() { alert('nu klickade du på open1'); document.getElementById('open1').style = "hidden"; document.getElementById('close1').style = "visible"; } }och motsv. för close1. Det borde fungera (du får anpassa lite)
Ta även bort "javascript:void(0);" och ersätt med href="#"
Tack för svaret, jag skall testa, varför href="#" i länken, vad är skillnaden?
/g
Eller varför inte:
<a href="javascript:visibleBox('1');" id="close1">Öppna</a>
Fick du nån ordning på det?
Jesper T skrev:
Eller varför inte:
<a href="javascript:visibleBox('1');" id="close1">Öppna</a>
Tack, jag skall ändra..