Hvordan resizer jeg en frame ved at trække i et billede?

Jeg tror nok at roenving har et bud på det... altså hvis jeg har forstået dig rigtigt. Du kan se det på hans side her :

http://roenving.users.whitehat.dk/index.html?/WD1ResizeTilBillede.html

Det er godt nok et pop-up vindue, men det kan være at du kan bruge teknikken til noget.

Nej det jeg mener der skal resizes er rammen!!! Jeg vil, foruden borderen, bruge et lille billede som kan bruges, på samme måde som borderen, til at resize!

Damn jeg er tung i det :o)
... altså du mener at du trækker lidt i billedet med musen, og så ændrer rammen sig ?

Hvis du vil ændre rammernes bredde eller højde skal du ændre frameset-taggets cols- eller rows-property !-)

Så det kan hurtigt blive kompliceret, hvis du både har rækker og kolonner ...

Men generelt bliver koden til noget i stil med:

<frameset id="mainFrameset" cols="100,*">
  <frame>
  <frame>
</frameset>

og så kan du fra en af de frames kalde parent:

parent.document.getElementById('mainFrameset').rows = "200,*"

Jeps - lige netop :-)

lol, jeg havde så lige byttet på rækker og kolonner !-)

Ups - der var jeg lige for hurtig! Det skal være ligesom når man bruger borderen til at resize.

At finde bredden og højden er ikke et problem. Det der er problemet er, at det er brugeren der skal bestemme størrelsen på rammen. Jeg bruger cookies til at huske sidste størrelser. Altså ikke en forudbestemt størrelse men en brugerbestemt. Jeg har borderen til det men vil gerne lave et lille "håndtag" der virker som borderen!

Du kan flytte rundt på ting og sager med noget i stil med nedenstående :

<script language="javascript">
    document.ondragstart = doDragStart;
    document.onmousedown = doMouseDown;
    document.onmousemove = doMouseMove;
    document.onmouseup = new Function("curElement=null");       

    var curElement;
    function doMouseMove()
    {
        var newleft=0;
        var newTop = 0;
        if ((event.button==1) && (curElement!=null))
        {
            newtop=event.clientY;
            curElement.style.pixelTop= newtop;
                           
            event.returnValue = false;
            event.cancelBubble = true;
        }
    }

    function doDragStart()
    {
        if ("IMG"==event.srcElement.tagName)
            event.returnValue=false;
    }

    function doMouseDown()
    {
        if ((event.button==1) && (event.srcElement.name=="knap"))
            curElement = event.srcElement;
    }
</script>

Det kan så flytte rundt på et billede med name="knap".

Du kan måske så kombinere det med roenvings kode ?

(newleft vil du så kunne få af event.clientX)

Er vi ved at spore os ind ?

Niks.... Desværre. Det er ikke billedet der skal flyttes, det er borderen. Jeg vil rykke borderen ved hjælp af et billede!!! Borderen skal ligesom have et "håndtag" hvormed man kan flytte borderen!

Ja men hvis du sætter et billede (der ligner et håndtag :o) ved borderen og trækker rundt i det, kan du jo resize borderen i ud fra positionen af billedet.

Suk.... måske bliver du nødt til at tegne det for os :o)

Det var måske en idé - jeg prøver lige!

Jeg kan ikke komme på andre måder at gøre det på, men jeg ikke nogen superhelt til javascript og clientside muligheder i det hele taget, så det kan være at der er en nemmere løsning på det.
Håber du finder på noget... Nu vil jeg i hvert fald finde i seng.

Mvh - og held og lykke med det.

hej troldpoppe.... fandt du ud af noget ?