http://img175.imageshack.us/img175/4295/tableissue.png http://img175.imageshack.us/img175/4295/tableissue.pngLe problème HTML/JS/CSS s'agrandit tout seul
Voici l'image pour commencer.
J'ai cette case à cocher, que lorsque vous vérifiez, alors avec jQuery toggle(); il cache que vous voyez dans la première moitié de l'image (#writeComment) et montre #SCtryVOTE (ce que vous voyez dans l'autre moitié de l'image, à droite).
Maintenant, je ne sais pas pourquoi, mais pour une raison quelconque, il se développe quand il est vérifié, pourquoi je ne sais pas, est-ce parce qu'il a besoin de plus de place que cela ou? comment puis-je faire ce travail sans avoir de problèmes quand il est vérifié.
Voici ce codage:
$('#tryout').click(function() {
$('#writeComment').toggle(!$(this).attr('checked'));
$('#SCtryVOTE').toggle($(this).attr('checked'));
});
la partie script jquery js, Heres la table et divs partie HTML:
<input type="checkbox" id="tryout">
<table align="center" width="400" cellpadding="0" cellspacing="1" id="theBoxer">
<tr style="background: #686868;">
<td align="center" valign="top" width="70" height="25" style="border:1px #FFF solid;">Opret</td>
<td align="center" valign="top" width="70" height="25" style="border:1px #FFF solid;">Opret</td>
</td>
</tr>
<tr>
<td align="left" valign="top" width="70" height="112" style="">
TEST
</td>
<td align="left" valign="top" width="70" height="112" style="">
<div id="writeComment">
Smid en kommentar:<br>
<form action="javascript:DoInsert()" method="post">
<textarea id="kommentar" name="kommentar"></textarea><br />
<input type="hidden" name="fID" id="fID" value="<? echo $_GET["id"]; ?>">
<input type="submit" name="Submit" value="Sæt ind!">
</form>
</div>
<div id="SCtryVOTE" style="display: none;">
<form onsubmit="if (!this.comment.cleared) clearContents(document.getElementById('comment')); return true;" action="javascript:DoSCInsert()" method="post">
<textarea onfocus=" javascript:clearContents(this); this.cleared=true;" rows="5" cols="40" id="comment" name="comment" <?php if($vis["username"] == $pusername) { echo "DISABLED"; } ?>>Tryk for at skrive. Skal være detaljeret og grundet.</textarea>
<br>Ja: <input type="radio" value="Y" id="SCvoteY" name="vote"></input> Nej: <input type="radio" id="SCvoteN" value="N" name="vote"> </input>
<input type="submit" id="SCstem" name="Submit" value="Stem!">
</form>
</div>
Peut-être que vous avez besoin de la part de CSS aussi pour ces deux boîtes:
#writeComment{
position: relative;
left: 5px;
top: 10px;
}
#SCtryVOTE{
position: relative;
left: 5px;
top: 10px;
}
Umh, il vous aidera si vous utilisez un peu en retrait à peu votre code et de le rendre un peu plus lisible ... –
Eh bien, pour commencer, vous avez un orphelin après la deuxième cellule TD "Opret". –
@Franci Penov Cant voir où je devrais faire cela, quelle partie ne comprenez-vous pas du codage et je vais essayer d'expliquer le mieux que je peux – Karem