YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Text per Klick in Eingabezeile » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.509 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Text per Klick in Eingabezeile
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Der Wahre
Mitglied


Dabei seit: 02.10.06
Beiträge: 54
Forenversion: 3.0; 2.3

Wütend Text per Klick in Eingabezeile Antworten Zitieren Editieren Melden       UP

Hallo,

ich möchte in eine HTML- (!) Seite ein paar Radiobuttons einbauen, was an sich kein großes Problem darstellt. Nun habe ich aber eine Frage, die ich einfach nicht gelöst bekomme:

Auf der Seite ist eine Eingabezeile vorhanden, die als Suche genutzt wird, in welche man also ganz normalen Text eingeben kann. Nun möchte ich, dass, wenn man auf einen Radiobutton klickt, ein bestimmter Text in die Eingabezeile eingefügt wird. Wenn man zum Beispiel den Radiobutton 'Suche nach Benutzer' anklickt, dann soll der Text 'Benutzer:' in die Eingabezeile rein, sodass man dahinter nur noch den Nicknamen des Benutzers selbst eintippen muss.

Weiss hier einer, wie das möglich wäre? Vielen Dank! smile
03.10.08 19:19 Der Wahre ist offline E-Mail Finden Als Freund hinzufügen
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

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:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Radio-Buttons definieren</title>
<script type="text/javascript">
function Check (i) {
    document.Testform.Suche.value =  document.Testform.Auswahl[i].value
    document.Testform.Suche.focus()
}
</script>
</head>
<body>

<form name="Testform" action="#" >
  <p>
    <input type="radio" name="Auswahl" value="Benutzer " onclick="Check(0)" /> Suche nach Benutzer<br>
    <input type="radio" name="Auswahl" value="Forum " onclick="Check(1)" /> Suche nach Forum<br>
    <input type="radio" name="Auswahl" value="Thema " onclick="Check(2)" /> Suche nach Thema
  </p>
  <p><input name="Suche" type="text" size="30" /></p>
</form>

</body>
</html>

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Schweinebacke: 03.10.08 20:05.

03.10.08 20:05 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
Der Wahre
Mitglied


Dabei seit: 02.10.06
Beiträge: 54
Forenversion: 3.0; 2.3

Themenstarter Thema begonnen von Der Wahre
Antworten Zitieren Editieren Melden       UP

Danke dir, aber das klappt so nicht ganz. Es zeigt eine zweite Eingabezeile auf der Startseite ein, und nutzt nicht die schon vorhandene..

Das ist der Quelltext unverändert, vielleicht kannst mir ja sagen, wo ich das da einfügen muss dass es funktioniert? Wär klasse.. smile


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:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Knuddels-Wiki</title>
        <link rel="stylesheet" media="screen" type="text/css" href="styleday.css" />
        <script language="JavaScript" type="text/javascript" src="suggest.js"></script>
<script type="text/javascript">

function addEngine(name,ext,cat)
{
  if ((typeof window.sidebar == "object") && (typeof
  window.sidebar.addSearchEngine == "function"))
  {
    window.sidebar.addSearchEngine(
      "http://www.knuddels-wiki.ch/plugin/"+name+".src",
      "http://www.knuddels-wiki.ch/plugin/"+name+"."+ext,
      name,
      cat );
  }
  else
  {
    errorMsg(name,ext,cat);
  }
}

</script>
</head>
        <META NAME="Title" CONTENT="Knuddels-Wiki.ch">
<META NAME="Author" CONTENT="Markus Wein">
<META NAME="Publisher" CONTENT="Knuddels-Wiki.ch">

<META NAME="Copyright" CONTENT="Knuddels-Wiki.ch 2008">
<META NAME="Revisit" CONTENT="After 7 days">

<META NAME="Keywords" CONTENT="knuddelswiki, knuddels, forum, knuddelsforum, knuddels-wiki, wiki, wikiprogramm, knuddelsmail,

knuddels-email, email, email-service, email-postfach, knuddelsbot, sysadmin, admin, channelmoderatoren, stammchatter, familymitglied,

schweizerisches wiki, wiki zu knuddels, cm, kostenlos, chat, kostenloser chat, umfragen, kostenlose umfragen, interessante umfragen,

email, knuddelsmail, knuddels-email, eigenes mailfach, eigenes postfach, knuddels-email, cm-mail, email f&uuml;r channelmoderatoren,

kostenloses postfach, kostenlose email, knuddelseite, knuddelshomepage, knuddels-cm, knuddels-cm.ch, knuddels-cm.at, service,

knuddelsservice, fakeseiten, spiele, kostenlose spiele, games, flashgames, spieledownload, moorhuhn, sven, bomwollen, sven bomwollen,

sven bomwollen download kostenlos, moorhuhn download kostenlos">
<META NAME="Description" CONTENT="Das gr&ouml;&szlig;te Wiki zum Knuddels.ch-Chat.">
<META NAME="Abstract" CONTENT="Das gr&ouml;&szlig;te Wiki zum Knuddels.ch-Chat.">
<META NAME="page-topic" CONTENT="Dienstleistung">
<META NAME="page-topic" CONTENT="Private Homepage">
<META NAME="audience" CONTENT=" Alle ">
<META NAME="Robots" CONTENT="INDEX,FOLLOW">
<META NAME="Language" CONTENT="Deutsch">
<style type="text/css">
a:link {color:white; text-decoration:none}
a:visited {color:#969696; text-decoration:none}
a:active {color:#969696; text-decoration:none}
a:hover {color:#969696; text-decoration:none}
</style>
<script type="text/javascript">
function Check (i) {
    document.search.searchInput.value =  document.search.Auswahl[i].value
    document.search.searchInput.focus()
}
</script>
</head>
<center>
<br><br><br><br><br><br><img src="http://www.knuddels-wiki.ch/wikilogo.png"><br><br><br><br><br>

<a href="http://knuddels-wiki.ch/index.php?title=Hauptseite" ><img src="http://knuddels-wiki.ch/beta/2009/2.jpg" border="0"></a>&nbsp;<a

href="http://www.knuddels-wiki.ch/forum" ><img src="http://knuddels-wiki.ch/beta/2009/1.jpg" border="0"></a>&nbsp;<a href="#"

onClick="MyWindow=window.open('http://www.knuddels-wiki.ch/helpdesk','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar

=no,scrollbars=no,resizable=no,width=700,height=453'); return false;"><img src="3.jpg" border="0"></a>&nbsp;<a

href="http://knuddels-wiki.ch/index.php?title=Partner"><img src="4.jpg" border="0"></a>&nbsp;<a

href="http://knuddels-wiki.ch/index.php?title=Knuddels-Wiki:Impressum"><img src="5.jpg" border="0"></a>&nbsp;<a

href="javascript:addEngine('knuddels-wiki-ch','gif','knudddels-wiki.ch suche')"><img src="6.jpg" border="0"></a><br>


<table height=0 width=524 border=0 noborder cellpadding=0 cellspacing=0>

<tr>
   <td width=524 height=59 background="wcomsearch.gif"><img src="space.gif" height="9" width="1">
<form action="http://knuddels-wiki.ch/index.php?title=Spezial:Suche" id="searchform">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs

p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input id="searchInput" size="34" name="search" type="text" title="Knuddels-Wiki durchsuchen [f]"

accesskey="f" style="font-family:Arial; font-weight:bold; font-size:14pt; color:#935fab; background: url(bkd_logihn.png) 0 0 repeat-x;

border:0px #7f9db9 solid;" onFocus="if(this.value=='Hier Deinen Suchbegriff eingeben...') this.value=''" value="Hier Deinen Suchbegriff

eingeben..." />
&nbsp;<input type='submit' name="go" class="searchButton" style="font-family:Arial; font-weight:bold; font-size:9pt; color:#000000;

background: url(bkd_logihn.png) 0 0 repeat-x; border:0px #7f9db9 solid;" id="searchGoButton"

value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" title="Gehe direkt zu der Seite, die exakt dem eingegebenen

Namen entspricht." /></td>
</tr>
</table><br>



<table height=0 width=524 border=0 noborder cellpadding=0 cellspacing=0>

<tr>
   <td width=524 height=25 background="wcomlogin.gif">


<form method="post" class="container-1" action="http://knuddels-wiki.ch/forum/index.php?form=UserLogin">

<div class="login">
<input type="hidden" name="Cat" value="0" />
<input type="hidden" name="from" value="" />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs

p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input tabindex="1" type="text" name ="loginUsername" class="inputText"

onFocus="if(this.value=='Nickname') this.value=''" value="Nickname" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input tabindex="2" type='password' class='inputText' name="loginPassword"

onFocus="if(this.value=='Passwort') this.value=''" value="Passwort" size='10' />

<input type="hidden" name="firstlogin" value="1" />
<input type="submit" name="wpLoginattempt" value=""/><br>
</div>

</form>
</td>
</tr>
</table>
<br><font color="FFFFFF"><br>Wir danken unseren gro&szlig;z&uuml;gigen  <a

href="http://knuddels-wiki.ch/index.php?title=Spenderliste">Spendern</a> und unseren treuen und aktiven Benutzern.<br>&copy 2008

Knuddels-Wiki.ch, eine Initiative begeisterter Knuddelschatter.<br><br><br>
<script type="text/javascript"><!--
google_ad_client = "pub-6137100528995358";
/* 728x90, Erstellt 17.08.08 */
google_ad_slot = "0909984824";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br><br>

</center>


</body>
</html>

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Der Wahre: 03.10.08 20:29.

03.10.08 20:28 Der Wahre ist offline E-Mail Finden Als Freund hinzufügen
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

was soll man da in dem Durcheinander anderes machen, als schnell den Code einbauen und die Seite Wegwerfen. geschockt

Dateianhang:
unknown testwbb.html (7 KB, 3 mal heruntergeladen)
03.10.08 21:30 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Text per Klick in Eingabezeile