• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Checkbox und Dropdown Menü Style?

L

Laika

Neues Mitglied
Hallo,
kann man Checkboxen und Dropdown Menüs einen Style zuordnen? Also, dass z.B. der Rand weiß und der Hintergrund schwarz ist?

Dies zeigt im input Tag leider keine Wirkung:
HTML: 
style="background-color:#000000; border: solid 1px #ffffff;"

Kennt vielleicht jemand den richtigen Code, um Checkboxen und Dropdowns zu gestalten?
 
Ich habe das jetzt mit der 2. Möglichkeit (Java) versucht. Jedoch weiß ich nicht genau, wie ich das damit:

HTML: 
<input type="checkbox" name="parseurl" value="1" $checked[0] style="border:4px solid #ff0000;"> <B>URLs automatisch umwandeln:</B> f&uuml;gt automatisch [url] und [/url] in Internet-Adressen ein.
In Verbindung setzen soll

Im Moment sieht es so aus:

HTML: 
<input type="hidden" value="false" name="cb1">
<a href="#" onclick="CheckBox('parseurl'); return true;">
 <img src="checkbox1.jpg" border="0" name="parseurl"> 
 Text
</a>

<script type="text/javascript">

function CheckBox(feld)
{
 if(document.form1[feld].value == 'true')
 {
  document.form1[feld].value = 'false';
  document.images[feld].src = 'checkbox1.jpg';
 }
 else
 {
  document.form1[feld].value = 'true';
  document.images[feld].src = 'checkbox2.jpg';
 }
}
</script>
checkbox1.jpg und "Text" sind sichtbar. Doch wenn man die beiden Elemente anklickt, wird nur nach oben gecrollt.
 
Laika schrieb:
Ich habe das jetzt mit der 2. Möglichkeit (Java) versucht. Jedoch weiß ich nicht genau, wie ich das damit:

HTML: 
<input type="checkbox" name="parseurl" value="1" $checked[0] style="border:4px solid #ff0000;"> <B>URLs automatisch umwandeln:</B> f&uuml;gt automatisch [url] und [/url] in Internet-Adressen ein.
der teil sollte eigentlich in etwa so aussehen:
HTML: 
  <form name="form1" action="post">
     <input type="hidden" value="false" name="cb1" />
     <a href="#" onclick="CheckBox('cb1'); return false;">
     <img src="checkbox1.jpg" alt="button" border="0" name="cb1" />
     Text für Checkbox 1
     </a>
  </form>
Wichtig ist, dass das formular den namen form1 hat. außerdem sollten input:
HTML: 
<input type="hidden" value="false" name="cb1" />
und das bild:
HTML: 
<img src="checkbox1.jpg" alt="button" border="0" name="cb1" />
den gleichen namen haben, damit das funktioniert.

hab dir mal ein kleines bsp. hochgeladen: Lorem Ipsum
- hoffe das hilft weiter

gruß Crapfruit
Zum Vergrößern anklicken....
 
Das ist wirklich komisch! Wenn ich eine Datei, die nur die Java Checkbox enthält, erstelle, funktioniert alles super.
Dann aber habe ich beide Codes in das Forum eingefügt.

Im Head-Bereich (dort sind noch andere Java Befehle enthalten):
HTML: 
function CheckBox(feld){
    if(document.form1[feld].value == 'true')
{
document.form1[feld].value = 'false';
document.images[feld].src = 'checkbox1.jpg';
 }
 else
{
document.form1[feld].value = 'true';
document.images[feld].src = 'checkbox2.jpg';
 }
}

Dann im Body Bereich:
HTML: 
  <form name="form1" action="post">
     <input type="hidden" value="false" name="cb1" />
     <a href="#" onclick="CheckBox('cb1'); return false;">
     <img src="checkbox1.jpg" alt="button" border="0" name="cb1" /></a>
     Text.</form>

Nachdem ich die Codes in das Forum einfügt habe, konnte ich nurnoch den Effekt erzielen, dass durch Klicken auf den Button nach oben gecrollt wird...
 
Hmm...hat niemand eine Idee? Vielleicht könnte mir ja jemand den Javascript und den Button in diesen Code richtige einbauen? Es ist eigentlich egal, wo. Vielleicht neben einer bereits vorhandenen Checkbox?

HTML: 
{!DOCTYPE}
<html>
<head>
<title>$master_board_name - Neues Thema erstellen</title>
$headinclude

<script language="javascript">
<!--
var postmaxchars = $postmaxchars;
function validate(theform) {
 if (theform.message.value=="" || theform.topic.value=="") {
  alert("Thema- und Nachrichtfeld müssen ausgefüllt werden!");
  return false;
 }
 if (postmaxchars != 0) {
  if (theform.message.value.length > postmaxchars) {
   alert("Ihre Nachricht ist zu lang. Bitte reduzieren Sie Ihre  Nachricht auf "+postmaxchars+" Zeichen. Momentan ist sie  "+theform.message.value.length+" Zeichen lang.");
   return false;
  }
  else return true;
 }
 else return true;
}
function checklength(theform) {
 if (postmaxchars != 0) message = " Die maximale Grenze liegt bei  "+postmaxchars+" Zeichen.";
 else message = "";
 alert("Ihre Nachricht ist "+theform.message.value.length+" Zeichen  lang."+message);
}

//-->
</script>
<script language="Javascript" src="bbcode.js"></script>
</head>

<body id="bg">
$header
 <tr bgcolor="{tablecolora}" id="tablea">
  <td><table cellpadding=0 cellspacing=0 border=0  width="100%">
   <tr>
    <td><smallfont><b><a  href="index.php?sid=$session[hash]">$master_board_name</a>$navbar  » Neues Thema erstellen</b></font></td>
    <td  align="right"><smallfont><b>$usercbar</b></font></td>
   </tr>
  </table></td>
 </tr>
</table><br>$preview_window $newthread_error
<table cellpadding=4 cellspacing=1 border=0 width="{tableinwidth}"  bgcolor="{tableinbordercolor}">
 <tr bgcolor="{tabletitlecolor}" id="tabletitle"><form  action="newthread.php" method="post" name="bbform" onSubmit="return  validate(this)">
  <td colspan=2><normalfont  color="{fontcolorsecond}"><B>Neues Thema  erstellen</B></font></td>
 </tr>
 <tr bgcolor="{tablecolorb}" id="tableb">
  <td><normalfont>Benutzername:</font></td>
  <td>$newthread_username</td>
 </tr>
 <tr bgcolor="{tablecolora}" id="tablea">
   <td><normalfont><b>Thema:</b></font></td>
  <td><input class="input" type="text" name="topic"  value="$topic" SIZE=40 MAXLENGTH=100></td>
 </tr>
 $newthread_icons
 <tr bgcolor="{tablecolora}" id="tablea">
  <td  valign="top"><normalfont><b>Nachricht:</b></font>
   <p><table cellpadding=4 cellspacing=1 border=0  bgcolor="{tableinbordercolor}">
    <tr>
     <td bgcolor="{tablecolorb}" id="tableb"  nowrap><smallfont>$note</font></td>
    </tr>
   </table></p>
   <p>$bbcode_smilies</p>
  </td>
  <td><table>
   <tr>
    <td align="center">$bbcode_buttons</td>
   </tr>
   <tr>
    <td><textarea name="message" rows=15 cols=60 wrap="soft"  onChange=getActiveText(this) onclick=getActiveText(this)  onFocus=getActiveText(this)>$message</textarea><br><smallfont><a   href="javascript:checklength(document.bbform);">Nachrichtenl&auml;nge  &uuml;berpr&uuml;fen</a></font></td>
   </tr>
  </table></td>
 </tr>
 <tr bgcolor="{tablecolorb}" id="tableb">
  <td  valign="top"><normalfont>Optionen:</font></td>
  <td><smallfont>
   <input type="checkbox" name="parseurl" value="1" $checked[0]>  <B>URLs automatisch umwandeln:</B> f&uuml;gt automatisch   und  in Internet-Adressen ein.
<br><input type="checkbox" name="emailnotify" value="1">  <B>Benachrichtigung:</B> M&ouml;chten Sie &uuml;ber  weitere Antworten per eMail benachrichtigt werden?
   <br><input type="checkbox" name="disablesmilies" value="1"  $checked[2]> <B>Smilies in diesem Beitrag  deaktivieren.</b>
   <br><input type="checkbox" name="showsignature" value="1"  $checked[3]> <B>Signatur anzeigen:</B> Soll die im Profil  eingestellte Signatur an den Beitrag angehangen werden?
   </font></td>
 </tr>
 $newthread_important
 $poll
</table>
<p align="center">
 <input type="hidden" name="send" value="send">
 <input type="hidden" name="boardid" value="$boardid">
 <input type="hidden" name="sid" value="$session[hash]">
 <input class="input" type="submit" name="submit" accesskey="S"  value="Neues Thema erstellen">
 <input class="input" type="submit" name="preview" accesskey="P"  value="Vorschau">
 <input class="input" type="reset" accesskey="R"  value="Zur&uuml;cksetzen">
</p></form>
$footer
</body>
</html>
Das Forum ist von wbblite. Hierbei handelt es sich gerade um die Seite, wo man einen neuen Thread schreiben kann.
Kann das vielleicht sein, dass das Forum eine solche Funktion gar nicht unterstützt?
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben