Toon posts:

Onclick probleem

Pagina: 1
Acties:

zondag 30 juni 2002 16:17

Acties:

Verwijderd

Topicstarter
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

<SCRIPT>
var vToolkit = 0;

function KitSwitch() {
    vToolkit = 1 - vToolkit;
    if(vToolkit == 1) {
        document.all["ToolkitBody"].style.display='';
        document.images["ToolKitButton"].src = "pictures/forum/min.png";
    } else {
        document.all["ToolkitBody"].style.display='none';
        document.images["ToolKitButton"].src = "pictures/forum/plus.png";
    }
    
}

</SCRIPT>



<table class=topic_toolkit border="1" cellspacing="0" cellpadding="2" Width=300 align="center">
<tr>
    <td class="topic_toolkit" colSpan=2" width="100%" align="center"><a onClick="javascript:KitSwitch();">Moderation Toolkit</a></td>
</tr>
<tr>
    <td class=topic_toolkit ColSpan=2>
    <div ID=ToolkitBody style="width:100%;display:none;background-image:url('i/tools/toolkit.png');">
    <form name="altertopic" method="post">
    <table border="0">
      <tr>
        <td align="center" width="25" nowrap><input type="checkbox" checked name="xtopic[close]"></td>
        <td width="275" nowrap>Close or unclose this topic</td>
      </tr>
      <tr>
        <td align="center" width="25" nowrap><input type="checkbox" checked name="xtopic[sticky]"></td>
        <td width="275" nowrap>Make this topic sticky or remove it.</td>
      </tr>
      <tr>
        <td align="center" width="25" nowrap><input type="checkbox" name="xtopic[name]"></td>
        <td width="275" nowrap>Rename this topic<br>
        <input type="text" size="40" name="topicname" value="FAQ: Read Me First *"></td>
      </tr>
      <tr>
        <td align="center" width="25" nowrap><input type="checkbox" name="xtopic[move]"></td>
        <td width="275" nowrap>Move this topic to another forum.<br>
        <select name="moveforum" size="1">
        <option value="1">ChitChat</option><option value="2">Latest News</option><option value="3">Celebrities</option><option value="4">Feed It Back</option><option value="6">Admin hidden fora.</option>
        </select></td>
      </tr>
      <tr>
        <td align="center" width="25" nowrap>&nbsp;</td>
        <td align="right"><input type="submit" name="Submit" value="Change"></td>
      </tr>
    </table>
    </form>
    </div>
</tr>
</table>

Dit werkt wel in IE maar bij een click geeft ie een probleem, en in Mozilla doet ie helemaal niets, ik heb meerdere dingen geprobeerd maar mijn scripts werken niet als ik voor die onclick een href="#" zet, wie weet waar het probleem zit :)

zondag 30 juni 2002 16:21

Acties:
  • LuCarD
  • Registratie: Januari 2000
  • Niet online

LuCarD

Certified BUFH

Waarschijnlijk wordt de <a> tag niet herkend door de mozilla browser...

Persoonlijk doe ik altijd
<a href="javascript://" onclick="alert('test');">Blaat</a>

Programmer - an organism that turns coffee into software.

zondag 30 juni 2002 16:43

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:14

crisp

Devver

Pixelated

Mozilla en NS kennen document.all niet; beter is de DOM manier te gebruiken (IE5+ Moz en NS6+). Verder: wees consequent met single en double quotes, en display='' kan je beter veranderen in display = 'block';
kortom:
code:
1
2
3
4
5
6
7
8
9
10
11

function KitSwitch() {
    vToolkit = 1 - vToolkit;
    if(vToolkit == 1) {
        document.getElementById('ToolkitBody').style.display='block';
        document.images['ToolKitButton'].src = 'pictures/forum/min.png';
    } else {
        document.getElementById('ToolkitBody').style.display='none';
        document.images['ToolKitButton'].src = 'pictures/forum/plus.png';
    }
    
}

zou moeten werken...

Intentionally left blank

zondag 30 juni 2002 18:03

Acties:

Verwijderd

Topicstarter
Tnx het werkt nu pfect :)
Reageer