[DHTM] Menubreedte automatisch

[jvaneijk]

Ik hier nu een paar knoppen in mijn menu maar die zijn nu allemaal heel erg breedt.

en ik wil graag dat de breedte zich aanpast aan de inhoud maar ik kom er niet uit zou iemand mij hiermee kunnnen helpen?

dit is de code die ik momenteel heb.

code:

<div id="toolbar" nowrap style="background-color:buttonface; padding:0px">
        <button class="but" onClick="parent.content.location.href='/sitemanager5/content/algemeen/default.htm'" id=button1 name=button1>
            <table>
                <tr>
                    <td>[img]"/_shared/images/icons/16x16_archive.gif"[/img]</td>
                    <td>Algemeen</td>
                </tr>
            </table>
        </button>

dit is voor de knop.

code:

<script language="JavaScript1.2" type="text/javascript">
    allBUTTONs = toolbar.children;
    //maxWidth = 0;
    for (i=0;i<allBUTTONs.length;i++) 
    {
        tSpan = allBUTTONs(i);
        tSpan.onselectstart = function(){return false}
        tSpan.img = tSpan.children(0);
        maxWidth = Math.max(maxWidth,tSpan.offsetWidth);

        tSpan.onmouseover = function()
        {
            this.style.border = "1px buttonhighlight outset";
            
        }
        tSpan.onmouseout = function()
        {
            this.style.border = "1px buttonface solid";
            
        }
        tSpan.onmousedown = function()
        {
            this.style.border = "1px buttonhighlight inset";
        }
        tSpan.onmouseup = function()
        {
            this.style.border = "1px buttonhighlight outset";
        }
    }

    for (i=0;i<allBUTTONs.length;i++)
    {
        tSpan = allBUTTONs(i);
    }
    </script>

en dit is de functie shit die erachter hangt.

en nu is het dus de bedoeling dat de breedte van de knoppen net zo breedt wordt als de inhoud ervan.

Ik heb al overal gezocht maar kon niets vinden.

[Willem]

Je kunt bijvoorbeeld niet de looks van de knop definieren, maar een margin, padding etc van de <a>. Dus: <a>piet</a> is korter dan <a>krentenindepapfleppen</a>.

Is dat wat je bedoelt?

[André]

Zo?

HTML:

<a style="background-color:#FF0000;border: 2px outset #000000;">Test</a>

Anders zul je moeten berekenen hoe breed in pixels de letters zijn en daar de button weer aan aanpassen.

[ Voor 9% gewijzigd door André op 13-02-2004 10:50 ]

[crisp]

JavaScript:

allBUTTONs = toolbar.children;

ik zou daar een getElementById voor gebruiken zodat het ook in andere browsers dan IE werkt

[jvaneijk]

willem169 schreef op 13 februari 2004 @ 10:47:
Je kunt bijvoorbeeld niet de looks van de knop definieren, maar een margin, padding etc van de <a>. Dus: <a>piet</a> is korter dan <a>krentenindepapfleppen</a>.

Is dat wat je bedoelt?

Het is geen <a> dus dat gaat niet hij doet het onclick

[disjfa]

jvaneijk schreef op 13 februari 2004 @ 10:55:
[...]
Het is geen <a> dus dat gaat niet hij doet het onclick

ja maar waarom doe je dat zo dan?

als ik de code zo lees kan je zoals wat mensen hier al zeggen beter een paar linkjes met wat css erbij maken. dan heb je deze problemen al niet

[André]

jvaneijk schreef op 13 februari 2004 @ 10:55:
[...]


Het is geen <a> dus dat gaat niet hij doet het onclick

<a onclick="">

EN?

[jvaneijk]

crisp schreef op 13 februari 2004 @ 10:55:

JavaScript:

allBUTTONs = toolbar.children;

ik zou daar een getElementById voor gebruiken zodat het ook in andere browsers dan IE werkt

hoeft alleen maar IE comp te zijn dus dat maakt niet uit is admin pagina maar ik kan niet zeggen dat ze allemaal zelfde breedte moeten krijgen omdat het aan een DB wordt gehangen en je dus nooit weet wat eruit komt. En dan kan ik wel een extra veld in de DB aanmaken die overal de breedte opslaat maar dat is dus weer net niet de bedoeling met meer dan 700.000 records

[jvaneijk]

André schreef op 13 februari 2004 @ 10:56:
[...]

<a onclick="">

EN?

<button onclick="">

[Willem]

Voor buttons geldt hetzelfde wat betreft stijl.

button.paard of a.paard

Doesn't matter.

[jvaneijk]

Ja oke maar dan moet ik nog steeds de breedte dynamisch maken en dat lukt dus niet.

[crisp]

jvaneijk schreef op 13 februari 2004 @ 10:57:
[...]

hoeft alleen maar IE comp te zijn dus dat maakt niet uit is admin pagina[...]

mwa, of het al dan niet alleen onder IE hoeft te werken vind ik geen reden om jezelf geen goede coding-technieken aan te leren. Dat IE een element met een ID global maakt aan het window object is eigenlijk een onwenselijke situatie, maar vloeit voort uit backwards compatibility met het document.all object model....

[disjfa]

de breedte van een link is altijd dynamisch aan zijn inhoud....

[jvaneijk]

disjfa schreef op 13 februari 2004 @ 11:04:
de breedte van een link is altijd dynamisch aan zijn inhoud....

Ja het is altijd dynamisc dat weet ik maar ik moet wel iets hebben zodat mijn buttons dus ook dynamisch worden en dat worden ze momenteel dus niet. En daar wordt ik een beetje heel erg moe van.

[disjfa]

gebruik dan geen buttons?

edit:
of mallepietje spelen......

[ Voor 47% gewijzigd door disjfa op 13-02-2004 11:16 ]

[Willem]

http://willem.yoursite.nl/got/mallepietje.php

[BtM909]

willem169 schreef op 13 februari 2004 @ 11:14:
http://willem.yoursite.nl/got/mallepietje.php

Wat parse je server-side om zo'n simpele html file te creeeren

_{En je pagina is niet eens XHTML1.0 Strict gevalideerd}

[ Voor 14% gewijzigd door BtM909 op 13-02-2004 11:20 ]

[André]

hartstikkedynamisch

[Willem]

BtM909:
Wat parse je server-side om zo'n simpele html file te creeeren

_{En je pagina is niet eens XHTML1.0 Strict gevalideerd}

<?xml version="1.0" encoding="ISO-8859-1"?>



Macht der gewoonte