Margin:0% wenn Text eingegeben wird

[htmlsearch]

Hallo erst mal,
ich bin neu hier und bitte um Entschuldigung falls ich hier das Thema nicht richtig poste.

Ich habe ein Problem, zusammen mit einem Schulkollegen erstellen wir jetzt eine Suchmaschine basierend derzeit noch auf dem Google API wollen so schnell wie möglich wechseln. Aber das ist nicht das Thema.

Wenn man die Seite aufruft dann habe ich es so eingestellt das Logo und Suchbox ca in der Mitte des Oberen & Unteren Bildschirmrands sind. margin:50%
Jetzt möchte ich, damit der Nutzer nicht mehr Scrollen muss als nötig, soll sobald er die Entertaste drückt das margin auf 0% springen soll. Dennoch soll der Text und das Dokument erhalten bleiben.

Hier der link [Link entfernt]

Hoffe es kann mir wer helfen.
Danke im Voraus :)

 

[Tronjer]

Das wäre ein JavaScript oder jQuery keydown-Event, das bei keyCode 13 dem entsprechenden HTML-Element entweder eine CSS-Klasse oder das CSS-Attribut margin: 0 zuweist

 

[htmlsearch]

Das wäre ein JavaScript oder jQuery keydown-Event, das bei keyCode 13 dem entsprechenden HTML-Element entweder eine CSS-Klasse oder das CSS-Attribut margin: 0 zuweist

Könnten Sie mir eventuell behilflich sein ? :)

 

[Tronjer]

Ich denke, ihr programmiert eine Suchmaschine. Da sollte das doch eine Kleinigkeit sein.

Vom Pattern her könnte es etwa so aussehen:

$(inputElement).on('keydown', function(e) {
  if (e.which == 13) {
    $(element).css({ 'margin': 0 });
  }
})

 

[htmlsearch]

ok danke