Avatar billede avminarm Juniormester
15. januar 2003 - 15:13 Der er 19 kommentarer og
2 løsninger

Lille ændring i script vis/skjul

Jeg har dette vis skjul script, men når funktionen "viser ville jeg gerne have den til at skrive "skjul" der hvor der står "vis" nu - er der en venlig sjæl der kan fixe dette ?

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--

var ns, ns6, ie;

ns  = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie  = (document.all) ? true : false;

function changeVisibility(){
  if( ns ){
      tmpVisibility = document.layers["divVisibility"].visibility;
        if( tmpVisibility == "hide" ){
          document.layers["divVisibility"].visibility = "show";
        } else {
          document.layers["divVisibility"].visibility = "hide";
        }
    } else if( ie ){
      tmpVisibility = document.all['divVisibility'].style.visibility;
        if( tmpVisibility == "hidden" ){
          divVisibility.style.visibility = "visible";
        } else {
          divVisibility.style.visibility = "hidden";
        }
    } else if( ns6 ){
      tmpVisibility = document.getElementById("divVisibility").style.visibility;
        if( tmpVisibility == "hidden" ){
          document.getElementById("divVisibility").style.visibility = "visible";
        } else {
          document.getElementById("divVisibility").style.visibility = "hidden";
        }
   
    }
}

//-->
</SCRIPT>
<body>
<a href="java script:void(changeVisibility());">Vis</a>
<div name="divVisibility" id="divVisibility" style="position:relative;visibility:hidden;top:0px;left:0px;">
<img src="smilies/happy.gif">
<img src="smilies/biggrin.gif">
<img src="smilies/cool.gif">
<img src="smilies/laugh.gif">
</div>
</body>
</html>
Avatar billede olebole Juniormester
15. januar 2003 - 15:41 #1
<ole>

<a href="#" onclick="if(this.innerHTML=='Vis'){this.innerHTML='Skjul'}else{this.innerHTML='Vis'}this.text;changeVisibility();">Vis</a>

/mvh
</bole>
Avatar billede mm12010 Nybegynder
15. januar 2003 - 15:41 #2
er ikke helt siker - men prøv det her:

function changeVisibility(){
  if( ns ){
      tmpVisibility = document.layers["divVisibility"].visibility;
        if( tmpVisibility == "show" ){
          document.layers["divVisibility"].visibility = "hide";
        } else {
          document.layers["divVisibility"].visibility = "show";
        }
    } else if( ie ){
      tmpVisibility = document.all['divVisibility'].style.visibility;
        if( tmpVisibility == "visible" ){
          divVisibility.style.visibility = "hidden";
        } else {
          divVisibility.style.visibility = "visible";
        }
    } else if( ns6 ){
      tmpVisibility = document.getElementById("divVisibility").style.visibility;
        if( tmpVisibility == "visible" ){
          document.getElementById("divVisibility").style.visibility = "hidden";
        } else {
          document.getElementById("divVisibility").style.visibility = "visible";
        }
   
    }
}
Avatar billede avminarm Juniormester
16. januar 2003 - 09:13 #3
olebole>> kan man lave det så der ikke sker en ændring opper i adresse linien (#) - jer er ude efter noget ala http://pub137.ezboard.com/fbullybeefsfrm37.showAddReplyScreenFromWeb?topicID=639.topic&index=4 - her kan man gemme og vise smilies

mm12010>> den viker på+ samme måde som den oprindelige!
Avatar billede avminarm Juniormester
16. januar 2003 - 09:32 #4
hmm - ville dette script være lige så godt som det jeg har skrevet først??

<script>
function visSkjul() {
obj = (document.getElementById) ? document.getElementById("minDiv") : document.all.minDiv;
obj.style.display = (obj.style.display == "inline") ? "none" : "inline";
}
</script>

<div id="minDiv" style="display: inline;">
Min DIV!
</div>
<br>
<a href="#" onClick="visSkjul(); return false;">Vis/skjul</a>
Avatar billede Slettet bruger
16. januar 2003 - 16:46 #5
Indsæt dette script i stedet:

<script>
function visSkjul(lnk) {
obj = (document.getElementById) ? document.getElementById("minDiv") : document.all.minDiv;
obj.style.display = (obj.style.display == "inline") ? "none" : "inline";
lnk.innerHTML = (lnk.innerHTML == "Vis") ? "Skjul" : "Vis";
}
</script>

Og dit link:

<a href="#" onClick="visSkjul(this); return false;">Vis</a>

I princippet er det det samme som olebole's... Jeg har bare husket return false! :)
Avatar billede avminarm Juniormester
18. januar 2003 - 14:32 #6
phoenixv>> virker det både i NS og IE ?? og kan man lave det om til at bruge radiobuttons
Avatar billede avminarm Juniormester
18. januar 2003 - 14:35 #7
en knap for vis og en anden for skjul?
Avatar billede Slettet bruger
18. januar 2003 - 15:55 #8
Det virker i IE4+ og NS6+.

Med radio-buttons bliver det noget i den her stil:

<script>
function visSkjul(vis) {
obj = (document.getElementById) ? document.getElementById("minDiv") : document.all.minDiv;
obj.style.visibility = vis;
}
</script>

Vis: <input type="radio" name="bla1" value="visible" onClick="visSkjul(this.value);"><br>
Skjul: <input type="radio" name="bla1" value="hidden" onClick="visSkjul(this.value);">

value skal være som vist her.
Avatar billede avminarm Juniormester
20. januar 2003 - 10:46 #9
phoenix>> vil dette virke som som dit script (IE4+ og NS6+)? (jeg har prøvet at ændre i dit så den startet med at det er skjult, men kan ikke hitte ud af det ;-(, men fandt så dette på nettet:

<script language="javascript">

function visMood(show)
{
if (document.getElementById)
    {
    target = document.getElementById("mood");
    if (show)
        target.style.display = "";
    else
        target.style.display = "none";
    }
}
</script>


<input type="radio" name="showMood" value="yes"  checked  onclick="visMood(true)">Show
<input type="radio" name="showMood" value="no"  onclick="visMood(false)">Hide
<br><br>
<div id="mood" >
TEST
</div>
Avatar billede avminarm Juniormester
20. januar 2003 - 12:03 #10
der var den ;-) (Tror jeg)

<script>
function visSkjul() {
obj = (document.getElementById) ? document.getElementById("minDiv") : document.all.minDiv;
obj.style.display = (obj.style.display == "inline") ? "none" : "inline";
}
</script>

<div id="minDiv" style="display: none;">
Min DIV!
</div>
<br>

Vis: <input type="radio" name="bla1" value="inline" onClick="visSkjul();"> Skjul: <input type="radio" name="bla1" value="none" onClick="visSkjul();" checked>
Avatar billede avminarm Juniormester
20. januar 2003 - 12:05 #11
phoenix>> nu jeg har dig - jeg har dl din wysiwyg editor (imponerende må jeg sige) Men kan ikke rigtig hitte ud af hvordan jeg får indholdet over i en variabel i PHP så jeg kan putte det i en Database ????
Avatar billede Slettet bruger
20. januar 2003 - 14:43 #12
Har du downloadet den nyeste (?):
www.phoenixv.dk/wysiwyg/
Der er en funktion ("SEND"), der sender html'et videre.
Avatar billede avminarm Juniormester
20. januar 2003 - 15:01 #13
Nej det er den gl version  den hedder vist nok 2?

virker den kun i IE 5+ ?

og Vil det script jeg har postet (20/01-2003 12:03:31) egentlig virke i ie4+ og ns6+ og kan mna få det til at virke i ns4 også???
Avatar billede Slettet bruger
20. januar 2003 - 16:13 #14
Du kan godt få det til at virke i NS4, men det bliver meget mere avanceret, da den browser ikke forstår div, men i stedet layer.

Er det den, der hedder mini_wysiwyg eller er det bare wysiwyg?
Avatar billede avminarm Juniormester
20. januar 2003 - 21:55 #15
det er mini_wysiwyg
Avatar billede Slettet bruger
20. januar 2003 - 22:18 #16
Så kan du gøre noget i den her stil:

<form name="frm" style="display: none;">
<input type="hidden" name="html">
</form>
<a href="#" onClick="document.frm.html.value = document.ifr.document.body.innerHTML; document.frm.submit(); return false;">Send</a>
Avatar billede avminarm Juniormester
20. januar 2003 - 22:26 #17
virker mini også kun i ie 55+ ??
Avatar billede Slettet bruger
21. januar 2003 - 15:52 #18
Nej, IE5+.
Avatar billede avminarm Juniormester
21. januar 2003 - 23:34 #19
phoenix>> smid lige et svar
Avatar billede Slettet bruger
22. januar 2003 - 21:01 #20
Svar
Avatar billede avminarm Juniormester
23. januar 2003 - 09:37 #21
Jeg håber det er ok i deler
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester