Objekte automatisch zentrieren?

[Ralph]

Hallö,

kann man mit Java-Script autmoatisieren, dass das Objekt, welches
den Focus hat, in der Mitte vom angezeigten Brwoserfenster steht?

Ich habe nämlich eine Kette von Formularfeldern (ca 30) und die passen natürlich nur schwer auf 1024px

Deshalb soll das Feld mit dem Focus immer in der Mitte stehen, horizontal reicht sogar.

Hat jemand einen Ansatz? Vielleicht schaffe ich den Rest auch selber.

 

[Fabian H]

Vielleicht so:

function setalign(obj_id, obj_stat) {
  if (obj_stat) {
    window.document.getElementById(obj_id).style.textAlign = 'center';
  } else {
    window.document.getElementById(obj_id).style.textAlign = 'left';
  }
}

[...]

<div id="input1"><input type="text" name="feld1" onFocus="setalign('input1', true);" onBlur="setalign('input1', false);"></div>

 

[Ralph]

Hi,

wenn ich den Code richtig verstehe, wird nicht der Bildausschnitt verschoben, sondern das Objekt. Das soll nicht. Eigentlich soll nur der Anzeigeausschnitt mitscrollen.

 

[Fabian H]

Deshalb soll das Feld mit dem Focus immer in der Mitte stehen, horizontal reicht sogar.

gegen

Eigentlich soll nur der Anzeigeausschnitt mitscrollen.

Was jetzt?
Entscheide dich bitte mal!

Und was verstehst du bitte unter 'Anzeigeauschnitt mitscrollen'?

 

[Ralph]

Ist doch beides dasselbe??

Also stell dir vor. 30 Felder. Alle nebeneinander:


[XXXXX] [XXXXXX] [XXXXXX] [XXXXXX] [XXXXXX] [XXXXXX] [XXXXXX] .....


Nun liegt der Focus in Feld 7. Wenn du Tab drückst, sprich beim onFcous ereigniss, soll das Browserfenster so gecrollt werden, dass Feld 8 oder halt das Feld mit dem Focus in der Mitte des Browserfensters liegt. Sowas kann man mit der Hand manuelle machen ! Oder aber doch bestimmt auch mit JS ?

Es soll also immer das gerad zu benutzende Feld in der Mitte des Screens stehen. Es sollen keine Felder über JS verschoben werden, sondern nur der Bildausschnit soll verschoben werden.

 

[THE REAL TOOLKIT]

Das müsste doch mit onfocus und scrollto() zu machen sein.