Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

getElementById(element)......

Hi

getElementById(element).style.width

ist zum setzen für Width, aber ich möchte die Width auslesen, wie geht das?

Wenn ich das mit oben versuche bekomme ich ne leere Menge zurück,...

danke im Vorraus...

MfG KIKO


Antworten zu getElementById(element)......:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Klar war ich da schon wenns klappen würde, würde ichs ja nicht schreiben, aber es klappt ja nun mal nicht, benutzt ich das wies da beschrieben ist.

das is der Code:

Soll für Contextmenü sein.

<html>
    <script type="text/javascript">
    <!--
    ie5=(document.getElementById && document.all && document.styleSheets)?1:0;
    nn6=(document.getElementById && !document.all)?1:0;

    if(ie5 || nn6)
        menuWidth=122;
        menuHeight=183;    {
        mposx=-50;
        mposy=-50;
        mposox=-50;
        mposoy=-50;
        document.onmousemove=getpos;
    }
    function showMenu(element)
    {
        if(ie5)
        {
            // IE noch mit altem
            if(event.clientX>menuWidth) xPos=event.clientX-menuWidth+document.body.scrollLeft;
            else xPos=event.clientX+document.body.scrollLeft;
            if (event.clientY>menuHeight) yPos=event.clientY-menuHeight+document.body.scrollTop;
            else yPos=event.clientY+document.body.scrollTop;
        }
        else
        {
            // Neues soll die Hoehe und Breite des Elementes auslesen
            // Klappt nicht
            //twidth=document.getElementById(element).style.width;
            //theight=document.getElementById(element).style.height;
            // Klappt auch nicht
            //targetelement = getElementById(element); // ---> schon allein dieser Aufruf veranlaessigt das es nicht mehr funktioniert
            //twidth=document.all.targetelement.style.getAttribute("width", "false");
            //theight=document.alltargetelement.style.getAttribute("height", "false");

            twidth=menuWidth;
            theight=menuHeight;
            if(mposx >twidth+mposox) xPos=mposx-twidth;
            else xPos=mposx;
            if(mposy > theight+mposoy) yPos=mposy-theight;
            else yPos=mposy;
        }
        document.getElementById(element).style.left=xPos;
        document.getElementById(element).style.top=yPos;
        return false;
    }
    function getpos(e)
    {
        // Fue Firefox  und NN6+ da in showMenu das Event nicht übergeben wird
        if(document.all)
        {
        }
        else
        {
           mposx=e.pageX;
           mposy=e.pageY;
           mposox = window.pageXOffset;
           mposoy = window.pageYOffset;
        }
    }
    -->
    </script>
<body>


<span oncontextmenu="showMenu('menu');return false"><a href="#">TEST</a></span>
<div id="menu"  onClick='document.getElementById("menu").style.top=-1250;' style="background-color: #DFDFDF;border-left: 1px solid #EFEFEF;border-right: 1px solid #7F7F7F;border-top: 1px solid #EFEFEF;border-bottom: 1px solid #7F7F7F; position:absolute;top:-250;left:0;z-index:100">
Bla Bla Bla <br><br><br>
<div>
</body>
</html>

du kannst width, height , ..
nur auslesen wenn du sie auch vorher mit einem Style sheet gesetzt hast.

probiers mal einfach mit offsetWidth und offstHeight

MFG BWA

Mit...
        twidth  = document.getElementById(element).offsetWidth;
        theight = document.getElementById(element).offsetHeight;

...klappt es wunderbar, ich bedanke mich....

« Letzte Änderung: 20.11.05, 03:06:25 von KIKO »

« HomepageFormular, im vorausdefinierte Argumente löschen »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Quellcode
Ein Quellcode, auch als Quelltext bekannt, bezeichnet den unkompilierten Programm-Code einer Software. Quell- oder Programm-Code ist der auch für Menschen lesbare Co...

Unicode
Unicode ist ein international anerkannter Standard, der als universeller Zeichencode ("Universal Code") dient und durch das Unicode-Konsortium entwickelt und verwaltet wi...

QR-Code
QR-Codes, die Abkürzung für "Quick Response Codes", sind eine Form von zweidimensionalen Barcodes. Damit lassen sich Informationen schnell und effizient speiche...