Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Mehrere Eigenschaften eines Textfeldes mit JavaScript ändern“

GeneralFabi

Nicht mehr ganz neu hier

Ich bin momentan dabei ein Suchfeld für ein kleines Projekt zu gestalten.
Ich will dabei zwei Scripte einbinden:

  • ein Script das das value-Attribut in bestimmten Fällen ersetzt:
    Code:
    onblur="if(this.value=='') this.value='Systemsteuerung durchsuchen';" onfocus="if(this.value=='Systemsteuerung durchsuchen') this.value='';"
  • ein Script das die CSS-Eigenschaft font-style von italic zu normal ändert, sobald Text eingegeben wurde (sollte ebenso umkehrbar sein, am besten nach dem obigen Prinzip)
Mein einziges Problem ist momentan das zweite Script und das ganze dann zu vereinigen und auf das Suchfeld anzuwenden.

Ist das überhaupt beides kombinierbar oder gibt es da etwaige Probleme?

Danke im Voraus!
 

sokie

Mod | Web

AW: Mehrere Eigenschaften eines Textfeldes mit JavaScript ändern

Du kannst sogar mehrere css Eigenschaften auf einmal ändern. am günstigsten machst du das über die Klasse.
zB:
Code:
onfocus="this.className='aktiviert'" onblur="this.className=''"...
in der klasse selbst (css) kannst du alle eigenschaften bequem zuweisen.

du solltest deine funktionalitäten aber in funktionen packen, damit dein Quellcode sich nicht heftig aufbläht und lesbar bleibt:
Code:
onfocus="meineFocusFunktion()" onblur="meinBlur()"
und diese Funktionen dann im headbereich beschreiben
 

GeneralFabi

Nicht mehr ganz neu hier

AW: Mehrere Eigenschaften eines Textfeldes mit JavaScript ändern

Du kannst sogar mehrere css Eigenschaften auf einmal ändern. am günstigsten machst du das über die Klasse.
zB:
Code:
onfocus="this.className='aktiviert'" onblur="this.className=''"...
in der klasse selbst (css) kannst du alle eigenschaften bequem zuweisen.

du solltest deine funktionalitäten aber in funktionen packen, damit dein Quellcode sich nicht heftig aufbläht und lesbar bleibt:
Code:
onfocus="meineFocusFunktion()" onblur="meinBlur()"
und diese Funktionen dann im headbereich beschreiben
OK, danke, werde ich direkt mal ausprobieren, danke dir!
 

GeneralFabi

Nicht mehr ganz neu hier

AW: Mehrere Eigenschaften eines Textfeldes mit JavaScript ändern

So ich hab das jetzt gemacht, funktioniert aber nicht:
Code:
<script type="text/javascript">
<!--

function focusSearch {

    var x = document.getElementById("search");
    
    if (x.value == '') {
        x.value = 'Systemsteuerung durchsuchen';
        x.className = 'search';
    }
    
}

function blurSearch {

    var y = document.getElementById("search");
    
    if (y.value == 'Systemsteuerung durchsuchen') {
        y.value = '';
        y.className = 'search-blur';
    }
    
}

-->
</script>
<input class="search" id="search" maxlength="255" name="search" size="30" onblur="blurSearch()" onfocus="focusSearch()" type="text" value="Systemsteuerung durchsuchen" />
Ich rast langsam aus, JavaScript treibt mich einfach noch in den Wahnsinn...
 

stroyer

Aktives Mitglied

AW: Mehrere Eigenschaften eines Textfeldes mit JavaScript ändern

der Fehler ist ganz simpel; du musst nur hinter dem Funktionsnamen Klammer auf Klammer zu machen, also function focusSearch() {. Dann gehts.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.224
Neuestes Mitglied
Aliyah79
Oben