hilfdirselbst.ch
Facebook Twitter gamper-media
Tipps und Tricks zu Adobe GoLive von Dirk Levy, GoLive FAQ's von Randolph Sterna
Hanü
Beiträge: 219
13. Apr 2002, 19:13
Beitrag #1 von 11
Bewertung:
(1815 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

[CSS und INPUT] Klick und weg?!


Hallo! Hab wieder mal Probleme...

Ich habe ein Formular und für die Textfelder und Textbereiche das Aussehen per CSS eingestellt. Allerdings...

Prob.1: Das Textarea wird im NN4.7 auf einmal gar nicht mehr angezeigt!!! Warum ignoriert der die Class nicht einfach, so wie bei den normalen Textfeldern???

Prob.2: Und dann würde ich gerne wissen, wie man erreicht, dass der vordefinierte Wert im Textarea (z.B. Bitte geben Sie Ihre Nachricht ein) verschwindet, wenn der Besucher in das Textarea klickt. Manche Leute wissen nämlich nicht, dass Sie den vorhandenen Text überschreiben können...

Gruß Andreas
Top
 
X
Ollli
Beiträge: 458
13. Apr 2002, 19:36
Beitrag #2 von 11
Beitrag ID: #2622
Bewertung:
(1813 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

[CSS und INPUT] Klick und weg?!


also fürs zweite habe ich folgendes:

<form name="formular">
<textarea onclick="document.formular.text.value=''" name="text">blablabla<textarea>
</form>

du must mit dem Parameter "onclick" per JS einfach den Inhalt der Textarea auf Null setzen.
onclick="document.formname.textareaname.value=''"

für formname nimmste den namen deines Formulars und für textareaname den der textarea oder des Input-Feldes

Ollli
als Antwort auf: [#2617] Top
 
Hanü
Beiträge: 219
13. Apr 2002, 21:26
Beitrag #3 von 11
Beitrag ID: #2625
Bewertung:
(1812 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

[CSS und INPUT] Klick und weg?!


Lustig... das krieg ich aber nicht hin, weil ich kein Java kann

Was ist hier falsch (nicht auslachen , falls es grottenfalsch ist):

<form name="test" action="http://www.hanue.de/cgi-bin/mailmanager.pl" method="post" target="_top">
<textarea name="nachricht" cols="40" rows="4" onclick="document.formular.nachricht.value=''">[Bitte geben Sie hier Ihre Nachricht ein]</textarea><p>
<input type="submit" name="submitButtonName">
<script type="text/javascript">
<!--
onclick="document.test.nachricht.value=''";
//-->
</script>
</p>
</form>
als Antwort auf: [#2617] Top
 
Ollli
Beiträge: 458
13. Apr 2002, 23:40
Beitrag #4 von 11
Beitrag ID: #2627
Bewertung:
(1812 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

[CSS und INPUT] Klick und weg?!


Es ist nicht grottenfalsch
nein, nur ein kleiner Denkfehler - würde ich sagen *g*

du musst das mit
onclick.....
in den <textarea>-tag reinsetzen!

<textarea onclick="document.test.nachricht.value=''">Hier können .... </textarea>

Ollli
als Antwort auf: [#2617] Top
 
Miro Dietiker
Beiträge: 699
13. Apr 2002, 23:52
Beitrag #5 von 11
Beitrag ID: #2629
Bewertung:
(1812 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

[CSS und INPUT] Klick und weg?!


Hi!

Für alle, die nicht gerne viel schreiben und auch Fehler unnötig vermeiden wollen:

<form name="formular">
<textarea onFocus="this.value=''" name="text">blablabla<textarea>
</form>

Somit ist es ganz simpel... und kaum mehr etwas falsch machbar. Allenfalls macht man sich nich unbeliebt, wenn jemand einen langen Roman schreibt und ein 2. Mal in die Textarea klickt! Dann ist nämlich auch der selbstgeschriebene Tet weg!

Greets: Miro



[ Diese Nachricht wurde geändert von: Miro Dietiker am 2002-04-14 15:18 ]
als Antwort auf: [#2617] Top
 
Hanü
Beiträge: 219
14. Apr 2002, 01:56
Beitrag #6 von 11
Beitrag ID: #2635
Bewertung:
(1812 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

[CSS und INPUT] Klick und weg?!


Zitat:
Miro Dietiker schrieb am 2002-04-13 23:52 :
Dann ist nämlich auch der selbstgeschriebene Tet weg!
Gilt das auch für das erste Script? Ich hab jetzt beide Varianten zum laufen gebracht. Das ist ja schon doof. Gibt's da noch ne andere Möglichkeit? onFirstFocus...

Egal. Vielen Dank!
Gruß Andreas
als Antwort auf: [#2617] Top
 
Ollli
Beiträge: 458
14. Apr 2002, 04:38
Beitrag #7 von 11
Beitrag ID: #2639
Bewertung:
(1812 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

[CSS und INPUT] Klick und weg?!


Stimmt, Miro hat Recht!
Hatte ich garnicht bedacht - so "dumm" schätzt man die User nicht ein

die Variante von Miro ist die beste und lässt den Text stehen, wenn man zum zweiten mal reinklickt.
Wenn man aber erst woanders hinklickt und dann wieder ins Textfeld, dann ist es bei beiden Varianten so, dass der Text wieder verschwindet.
Sowas müsste man dann über eine Abfrage machen.

Ollli
als Antwort auf: [#2617] Top
 
WolfJack
Beiträge: 2846
14. Apr 2002, 10:05
Beitrag #8 von 11
Beitrag ID: #2643
Bewertung:
(1812 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

[CSS und INPUT] Klick und weg?!


Hi Miro,
was ist mit Deiner WebSite los?
http://www.md-systems.ch/

auf beiden Browsern ein unbeschriebenes Blättle?!

soll das so sein?!
:-¿
als Antwort auf: [#2617] Top
 
Urs Gamper  A  p
Beiträge: 3653
14. Apr 2002, 10:54
Beitrag #9 von 11
Beitrag ID: #2646
Bewertung:
(1812 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

[CSS und INPUT] Klick und weg?!


ihr könnt euch nicht vorstellen, was hinter dem leeren blatt abgeht. es dauert aber sicher nicht mehr sehr lange, dann kriegt ihr dort und hier einiges zu lesen. gerade gestern haber ich ihm gesagt, dass nun endlich etwas geschehen soll mit dem weissen blatt
als Antwort auf: [#2617] Top
 
Ollli
Beiträge: 458
14. Apr 2002, 13:57
Beitrag #10 von 11
Beitrag ID: #2659
Bewertung:
(1812 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

[CSS und INPUT] Klick und weg?!


Das kann ich nur bestätigen - spitzenmäßige Sachen dahinter!
Es kommt halt nicht nur aufs Äußere an

Ollli
als Antwort auf: [#2617] Top
 
Miro Dietiker
Beiträge: 699
14. Apr 2002, 15:28
Beitrag #11 von 11
Beitrag ID: #2667
Bewertung:
(1812 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

[CSS und INPUT] Klick und weg?!


Ich muss eingestehen, dass ich meine Seite total vernachlässigt habe. Gerne präsentiere ich bald all das,
was ich in letzter Zeit immer Entwickelt habe (Wie auch den grössten teil dieses Forums)

Zur wiedergutmachung hier die ultimative Lösung!
(sorry für all meine schreibfehler! Diesmal aber getestet im IE & NN)

<form name="beliebigesform">
<textarea ROWS="4" COLS="50"
onFocus="if(this.value=='Geben sie hier ihren Text ein') this.value='';"
name="text">Geben sie hier ihren Text ein</textarea>
</form>

Der Text wird nur gelöscht, wenn der Originaltext drin steht! Zu beachten wäre, dass der GoLivler den Text im Quelltext 2mal schreiben muss! -> siehe oben <-)

Ich denke, daran sollten nun alle freude haben .)
Greets: Miro
als Antwort auf: [#2617] Top
 
X