Ergebnis 1 bis 8 von 8
  1. #1
    WulleBulle ist offline Grünschnabel
    registriert
    03-05-2006
    Beiträge
    7

    [JS/CSS] DIV an Objekt-Position anzeigen

    Hi Leute,


    ich bin neu hier, wie ihr seht, darum bitte ich um Nachsicht, wenn mein Post irgendwelche Konventionen verletzt :-).

    Mein Anliegen ist folgendes:

    In einer Iconleiste befindet sich ein Inputfeld. Das Inputfeld wird mit Cold Fusion Variablen von vorneherein mit einem Wert befüllt.
    Am Feld befindet sich ein Pfeil, mit dem ich durch Javascript direkt unter dem Eingabefeld ein DIV öffnen/anzeigen lassen möchte, das eine Liste anderer Werte (in diesem Fall Ordnernamen) enthält. Der DIV sollte direkt unter dem Eingabefeld erscheinen, also unabhängig von der Größe des Browser-Fensters und der Auflösung des Users. Sozusagen sollte der DIV direkt an die Position des Eingabefeldes gebunden sein.

    Ich habs schon mit einigen Dingen probiert, wie (Input Name ist "currFolder" und der Name des Divs "folderlist")

    folderlist.style.left = currFolder.style.left;
    folderlist.style.top = currFolder.style.top;

    Aber da komm ich nicht weiter, das heisst, die Werte sind leer.

    Nun bitte ich um Eure Hilfe.

    Dankeund Gruß
    Wulle

  2. #2
    WulleBulle ist offline Grünschnabel
    registriert
    03-05-2006
    Beiträge
    7

    AW: [JS/CSS] DIV an Objekt-Position anzeigen

    Ok, ich habe es nun mit folgendem Code im IE hinbekommen.

    function toggleFolderSlt() {
    folderlist.style.left = document.getElementById("currFolder").offsetLeft + 230;
    folderlist.style.top = document.getElementById("currFolder").offsetTop + 20;
    // anzeigen
    if (folderlist.style.visibility == 'hidden') {
    folderlist.style.visibility = 'visible';
    // ausblenden
    } else {
    folderlist.style.visibility = 'hidden';
    }
    }

    Leider macht das der FF nicht mit.

    Any tips?

    Danke
    WulleBulle
    aka Bernhard ^^

  3. #3
    pit-r Guest

    AW: [JS/CSS] DIV an Objekt-Position anzeigen

    Moin!
    Zitat Zitat von WulleBulle
    Input Name ist "currFolder" und der Name des Divs "folderlist"
    Geht es dabei um name oder id und beim input: falls name - wie ist der name des Formulars?

    Ahoi - Pit

  4. #4
    WulleBulle ist offline Grünschnabel
    registriert
    03-05-2006
    Beiträge
    7

    AW: [JS/CSS] DIV an Objekt-Position anzeigen

    Hallo pit,


    mit dem IE funktioniert es, wenn ich das Feld folgendermaßen einbinde:

    <span id="currFolder" style="white-space: nowrap;"><input type="text" name="currFolder" class="inputborder1" value="#getFolder.bezeichnung#" style="height: 12px; margin: 0px; width: 120px;" readonly><img src="/post/images/framework/select.gif" alt="Ordner auswählen" class="pselect" onclick="toggleFolderSlt()"></span>

    Den JS Code siehst Du ja in meinem vorigen Code. Wie gesagt, unter IE kein Problem, unter FF rührt sich gar nix, auch kein Fehler.

    Danke nochmal und viele Grüße
    Geiles Forum habt Ihr hier :-)

    Wulle

  5. #5
    pit-r Guest

    AW: [JS/CSS] DIV an Objekt-Position anzeigen

    Hi!

    Da das mit Deinem HTML nicht wirklich hinhauen kann, hier das ganze mal geratenerweise abgewandelt:
    Code:
    <span style="white-space:nowrap;"><input type="text" name="currFolder" id="currFolder" class="inputborder1" value="#getFolder.bezeichnung#" style="height:12px;margin:0px;width: 120px;" readonly><img src="/post/images/framework/select.gif" alt="Ordner auswählen" class="pselect" onclick="toggleFolderSlt()"></span>
    <div id="folderlist" style="position:absolute;visibility:hidden;">blah</div>
    Die Funktion könnte dann so aussehen:
    PHP-Code:
    function toggleFolderSlt(){
    flS=document.getElementById("folderlist").style;
    cF=document.getElementById("currFolder");
    flS.left=cF.offsetLeft 230+'px';
    flS.top=cF.offsetTop 20+'px';
    flS.visibility=flS.visibility=='hidden'?'visible':'hidden';

    Ahoi - Pit

  6. #6
    WulleBulle ist offline Grünschnabel
    registriert
    03-05-2006
    Beiträge
    7

    AW: [JS/CSS] DIV an Objekt-Position anzeigen

    Hi Pit,

    danke, so funktioniert der Code sehr fein. Leider positioniert mir FF aber den folderlist DIV zu weit rechts. Der IE positioniert ihn richtig. Das ist jetzt nicht so schlimm, aber würde mich doch freuen, wenn der DIV in beiden Browsern richtig liegen würde.

    Grüße und vielen vielen Dank für den Code
    Wulle

  7. #7
    pit-r Guest

    AW: [JS/CSS] DIV an Objekt-Position anzeigen

    Hi!

    Gern geschehen.
    Zitat Zitat von WulleBulle
    Leider positioniert mir FF aber den folderlist DIV zu weit rechts. Der IE positioniert ihn richtig.
    Auch ohne den Rest Deines Codes zu kennen traue ich mich zu behaupten: das Umgekehrte ist der Fall. Das hängt von Deinem CSS und anderen Faktoren ab...

    Ahoi - Pit

  8. #8
    WulleBulle ist offline Grünschnabel
    registriert
    03-05-2006
    Beiträge
    7

    AW: [JS/CSS] DIV an Objekt-Position anzeigen

    Nevermind...

    Habs mit einer Browserabfrage in Cold Fusion realisiert.

    Danke
    Wulle

Ähnliche Themen

  1. script das div id ändert ?
    Von darkstar im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 22-08-2006, 13:02
  2. Antworten: 0
    Letzter Beitrag: 27-04-2006, 12:04
  3. Div Layer Position und Größe
    Von Husen im Forum CSS und (X)HTML
    Antworten: 2
    Letzter Beitrag: 22-01-2006, 18:40
  4. Objekt an "unbekannter" Position erstellen
    Von RoyalKnight im Forum JavaScript
    Antworten: 14
    Letzter Beitrag: 23-12-2005, 01:51
  5. DIV aktuelle Position auf Screen ermitteln.
    Von nicholas24 im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 01-12-2005, 19:15

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •