iFrame-Breite mit Maus ändern

[lö2010]

Hi,

ich würde gerne die Breite eines iFrames variabel mit der Maus ändern. Ist dies möglich? Meines Wissens nach gibt es dafür kein Attribut und ich muss wohl auf JavaScript zurückgreifen. Hat jemand zufällig einen Beispiel-Code ? Hab leider bisher nichts gefunden. Danke

Gruß lö

ne Idee von mir wäre z.B. zu Überprüfen wo die Mausposition ist (nach dem ziehen) und dann iframe width auf diese position setzen (iframe beginnt bei 0/0).
Jedoch weiß ich nicht wie ich den Rand des iFrames aktivieren (anklicken) kann

 

[Maik]

Moin,

warum stellst du deine Frage im HTML-Forum, wenn klar ist, dass hierfür Javascript vonnöten ist?

• http://de.selfhtml.org/javascript/objekte/window.htm#resize_by
• http://de.selfhtml.org/javascript/objekte/window.htm#resize_to

mfg Maik

 

[Lö2010]

Hallo, danke erstmal das du meine Posts zusammengefasst hast.

Ich war mir nicht ganz sicher in welchen Bereich das gehört und da ich dachte, dass es eventuell nen Attribut für iFrames gibt hab ich es in den Bereich HTML gesetzt. Danke fürs verschieben !

So spontan würd ich das Problem so angehen:

<div id="iFrameContent" onmouseup="changeSize();">
  <iframe ....>
  </iframe>
</div>

function changeSize() {
 var x = window.event.screenX;
 alert(x);
 document.getElementById("iFrameContent").style.width = x; 
}

Nun sollte also wenn ichs richtig verstanden hab nach klicken auf dem Frame und loslassen die Funktion changeSize() ausgeführt werden.
Jedoch gibt er mir nichtmal die alert Meldung aus.
Muss ich vorher noch einen EventHandler hinzufügen?

Danke

 

[timestamp]

Nächstes mal nutze doch bitte die entsprechenden Code-Tags.

<div onmouseup="changeSize(event)">Test</div>

function changeSize(e) {
  var x = e.screenX;
  alert(x);
  document.getElementById("iFrameContent").style.width = x;
}

Der Code wird so allerdings nicht wirklich gut funktionieren. Du solltest eine Funktion schreiben, die beim Runterdrücken der Maustaste das Ziehen aktiviert, und beim Loslassen deaktiviert.