Ergebnis 1 bis 15 von 15
  1. #1
    Avatar von RoyalKnight
    RoyalKnight ist offline Foren-Gott
    registriert
    14-02-2003
    Ort
    Austria
    Beiträge
    3.270

    Objekt an "unbekannter" Position erstellen

    Eine mehr oder weniger knifflige Frage, sofern überhaupt lösbar.
    Folgender Source-Code:
    HTML-Code:
    <div id="content">
      text text text text text text text text text text text text text<br />
      text text text text text text text text text text text text text<br />
      text text text text text text <span id="bla">text</span> text text text text text text<br />
      text text text text text text text text text text text text text<br />
      text text text text text text text text text text text text text<br />
      <a href="#" onclick="aFunction();">Klick</a>
    </div>
    aFunction() soll nun ein darüberliegendes Objekt (div) erstellen, das über foo steht (linke untere Ecke vom Objekt = linke obere Ecke von text im span-Tag). Mit dem Objekt erstellen habe ich kein Problem, jedoch mit der Position. Wie bekomme ich die Koordinaten - erschwerend kommt hinzu, dass der Text vom neuen Objekt unterschiedlich lang ist, also auch das neue Objekt unterschiedliche Höhe haben kann - am Besten wäre von unten nach oben "auffaden"...



    Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.

  2. #2
    Avatar von Hawk63
    Hawk63 ist offline Haudegen
    registriert
    05-03-2005
    Ort
    Berlin
    Beiträge
    505

    AW: Objekt an "unbekannter" Position erstellen

    Hallo,

    vielleicht hilft dir das weiter.

    PHP-Code:
    <script type="Text/JavaScript">
    <!--
    function 
    pruefe() {
     var 
    links document.getElementById("bla").offsetLeft;
     var 
    breite document.getElementById("bla").offsetWidth;

      
    alert("von links "+links+" Breite "+breite);
      }
    //-->
    </script> 
    Hawk63
    -------------------------------------------------------

    -------------------------------------------------------
    Woher soll ich wissen was ich denke, bevor ich höre was ich sage

  3. #3
    Avatar von RoyalKnight
    RoyalKnight ist offline Foren-Gott
    registriert
    14-02-2003
    Ort
    Austria
    Beiträge
    3.270

    AW: Objekt an "unbekannter" Position erstellen

    Zitat Zitat von Hawk63
    vielleicht hilft dir das weiter.
    Hey kuhl! Danke!
    Damit sollte ich mein Problem lösen können.



    Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.

  4. #4
    pit-r Guest

    AW: Objekt an "unbekannter" Position erstellen

    Moin!

    Je nach Verschachtelung der Elemente müssen da schwerere Geschütze aufgefahren werden.
    PHP-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <
    html>
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <
    title>Öhh</title>
    <
    script type="text/javascript">
    <!--
    function 
    findeL(obj){
    var 
    lPos 0;
    if (
    obj.offsetParent){
    while (
    obj.offsetParent){
    lPos += obj.offsetLeft
    obj 
    obj.offsetParent;
    }
    }
    else if (
    obj.x)
    lPos += obj.x;
    return 
    lPos;
    }
    function 
    findeO(obj){
    var 
    oPos 0;
    if (
    obj.offsetParent){
    while (
    obj.offsetParent){
    oPos += obj.offsetTop
    obj 
    obj.offsetParent;
    }
    }
    else if (
    obj.y)
    oPos += obj.y;
    return 
    oPos;
    }
    function 
    aFunction(){
    s=document.getElementById('bla');
    d=document.createElement('div');
    d.style.position='absolute';
    d.style.backgroundColor='#ffffcc';
    document.body.appendChild(d);
    d.innerHTML='blubb<br>blubb blubb<br>blubb';
    d.style.top=findeO(s)-d.offsetHeight+'px';
    d.style.left=findeL(s)+'px';
    }
    //-->
    </script>
    </head>
    <body>
    <div id="content">
    text text text text text text text text text text text text text<br>
    text text text text text text text text text text text text text<br>
    text text text text text text <span id="bla" style="color:red">text</span> text text text text text text<br>
    text text text text text text text text text text text text text<br />
    text text text text text text text text text text text text text<br />
    <a href="#" onclick="aFunction();">Klick</a>
    </div>
    </body>
    </html> 
    Feintuning je nach doctype und konkretem HTML ggf. erforderlich.

    Ahoi - Pit

  5. #5
    Avatar von rasputin
    rasputin ist offline Lounge-Member
    registriert
    31-10-2001
    Beiträge
    3.102

    AW: Objekt an "unbekannter" Position erstellen

    [edit]pit war mal wieder zuerst[/edit]

  6. #6
    Avatar von Hawk63
    Hawk63 ist offline Haudegen
    registriert
    05-03-2005
    Ort
    Berlin
    Beiträge
    505

    AW: Objekt an "unbekannter" Position erstellen

    pit ist immer der erste.
    Hawk63
    -------------------------------------------------------

    -------------------------------------------------------
    Woher soll ich wissen was ich denke, bevor ich höre was ich sage

  7. #7
    Avatar von RoyalKnight
    RoyalKnight ist offline Foren-Gott
    registriert
    14-02-2003
    Ort
    Austria
    Beiträge
    3.270

    AW: Objekt an "unbekannter" Position erstellen

    Thx! Mal sehen wie kompliziert es sein muss

    [EDIT=RoyalKnight]Einwandfrei pit-r! Danke nochmal![/EDIT]



    Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.

  8. #8
    pit-r Guest

    AW: Objekt an "unbekannter" Position erstellen

    Hi!

    @RK: hängt vom Dokument ab.
    @Hawk: nö - Du warst zuerst!
    @Ras: einen klitzekleinen Wurm hatteste drin.

    Wie auch immer - frohe Feiertage.

    Ahoi - Pit

  9. #9
    Avatar von rasputin
    rasputin ist offline Lounge-Member
    registriert
    31-10-2001
    Beiträge
    3.102

    AW: Objekt an "unbekannter" Position erstellen

    Zitat Zitat von pit-r
    @Ras: einen klitzekleinen Wurm hatteste drin.
    ja ich weiss, ich hatte nicht beachtet, dass das <div> verschachtelt sein könnte.

  10. #10
    pit-r Guest

    AW: Objekt an "unbekannter" Position erstellen

    Hi!

    Das meinte ich gar nicht. Und u. U. spielt das für RK gar keine Rolle.

    Ich meinte das: 'x.style.border = "1px solid#000000";'

    In IE ein Totalkiller und in anderen Browsern teilweise...

    Ahoi - Pit

  11. #11
    Avatar von rasputin
    rasputin ist offline Lounge-Member
    registriert
    31-10-2001
    Beiträge
    3.102

    AW: Objekt an "unbekannter" Position erstellen

    ok hast recht. wenn man viele styles zuweisen will verwendet man sowieso besser *.className

  12. #12
    pit-r Guest

    AW: Objekt an "unbekannter" Position erstellen

    Nee meinte ich auch nich:

    1px solid#000000 muß anstelle von '#' das '#' mit einem Leerzeichen davor enthalten: ' #'.

    Ahoi - Pit

    Edit - @RK: Du immer mit Deinen Editiermöglichkeiten - da kriegt doch keiner was mit.
    Wie auch immer - gern geschehen.
    Geändert von pit-r (23-12-2005 um 01:36 Uhr)

  13. #13
    Avatar von RoyalKnight
    RoyalKnight ist offline Foren-Gott
    registriert
    14-02-2003
    Ort
    Austria
    Beiträge
    3.270

    AW: Objekt an "unbekannter" Position erstellen

    Zitat Zitat von pit-r
    Edit - @RK: Du immer mit Deinen Editiermöglichkeiten - da kriegt doch keiner was mit.
    Wie auch immer - gern geschehen.
    Hast es ja doch gesehen



    Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.

  14. #14
    pit-r Guest

    AW: Objekt an "unbekannter" Position erstellen

    Hauptsache, es hat irgendwie geholfen.

    Frohes Fest! Pit

  15. #15
    Avatar von RoyalKnight
    RoyalKnight ist offline Foren-Gott
    registriert
    14-02-2003
    Ort
    Austria
    Beiträge
    3.270

    AW: Objekt an "unbekannter" Position erstellen

    Zitat Zitat von pit-r
    Hauptsache, es hat irgendwie geholfen.
    Jo, werd noch ein bisschen weiter feilen und basteln. Mittlerweile bin ich soweit, dass ich von JS nicht mehr abgeneigt bin - warum soll auch der Server die ganze Arbeit machen... Kennt irgendjemand ein gutes JS-Buch was alles beinhaltet - ned so lückenhaft ist wie selfhtml? Kann ruhig was kosten...
    Zitat Zitat von pit-r
    Frohes Fest! Pit
    Ebenfalls!



    Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.

Ähnliche Themen

  1. Antworten: 25
    Letzter Beitrag: 18-07-2008, 12:21
  2. Genaue Positionierung und Browser
    Von ~red~ im Forum CSS und (X)HTML
    Antworten: 3
    Letzter Beitrag: 31-10-2005, 18:01
  3. Objekt erstellen mit Memberfunktionen
    Von screammen im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 30-01-2005, 17:36
  4. IE zeigt alles falsch!
    Von cuychactao im Forum CSS und (X)HTML
    Antworten: 16
    Letzter Beitrag: 23-12-2004, 13:53
  5. 3d Objekt aus Foto erstellen
    Von zip2001 im Forum Grafik
    Antworten: 43
    Letzter Beitrag: 03-06-2004, 12:07

Lesezeichen

Berechtigungen

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