Ergebnis 1 bis 6 von 6

Thema: Javascript-Div und ein Resizable

  1. #1
    Teeny
    Registriert seit
    27.11.2008
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Javascript-Div und ein Resizable

    Hallo an alle
    Ich bins nochmal. Mit einem weiteren Problem mit JS.
    Folgendes:

    Ich nutze einen <div> und darin ein Iframe als ersatz für ein Popup. Das klappt auch bestens. Nun möchte ich erreichen das dieses div einen Resizable- Event bekommt, damit das div in der größe vom User verändert werden kann.
    Meine frag ist nun, wie mache ich das? Ich habe mir schon etliche Tutorials und Onlinehilfen durchgelesen, aber wurde daraus nicht schlau. Könnt ihr mir dabei helfen?

    Danke im vorraus
    Dicker1
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Javascript-Div und ein Resizable

    is ne herausforderung selbst für mich!
    natürlich willst du des mit der maus machen können oder?
    ansonsten könntest du ne neue grösse vorgeben und dann die werte übernehmen, mit nem event gekoppelt is das alles nich mehr ganz so trivial, denke ich.
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    27.11.2008
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Javascript-Div und ein Resizable

    Hallo synaptic
    genau das ist mein Plan. Nur ich möchte keine festen Werte eintragen bezw.vorgeben. Da in dem sich öffnenden div Dokumente und/oder pdf's angezeigt werden können, ist eine feste größe nicht machbar.
    Ich werde heute noch daran weiter arbeiten. Mal sehen was mir einfällt.

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Javascript-Div und ein Resizable

    ich kann mich frühestens am wochenende dransetzen...
    hab vorher zu viel um die ohren, aber poste auch mal deine zwischenschritte
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    27.11.2008
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Javascript-Div und ein Resizable

    Hallo synaptic

    Ich habe nach langen suchen ein Skript gefunden was ich versuche anzupassen.

    Es ist folgendes:
    Code:
    function resize_div (element_id, timeout, size_x, size_y, start_size_x, start_size_y) 
    {
         var element = document.getElementById (element_id);
             if (!proc) 
                  {
                     if (start_size_x)
                          element.style.width = start_size_x;
                 if (start_size_y)
                          element.style.height = start_size_y;
                     if (!element.style.width ¦¦ !element.style.height)
                           if (window.getComputedStyle)
                      {
      var style = document.defaultView.getComputedStyle (element, null);
              element.style.width = style.getPropertyValue ('width');
              element.style.height = style.getPropertyValue ('height');
            }
            else if (element.currentStyle)
               {
                 element.style.width = element.currentStyle.width;
         element.style.height = element.currentStyle.height;
               }
            else 
              {
                element.style.width = '0px';
                element.style.height = '0px';
      }
        start_size_x = parseFloat (element.style.width);
        start_size_y = parseFloat (element.style.height);
    
        proc = window.setInterval ('resize_div (\'' + element_id + '\', ' + timeout + ', ' + size_x + ', ' + size_y + ', ' + start_size_x + ', ' + start_size_y + ')');
        return;
        }
    
      element.style.width.match (/[0-9.]+(.+)/);
      var ex = RegExp.$1 ¦¦ 'px';
      element.style.height.match (/[0-9.]+(.+)/);
      var ey = RegExp.$1 ¦¦ 'px';
      var delta_x, delta_y;
         if (start_size_x != size_x) 
          {
              delta_x = (ex == 'px' ¦¦ ex == 'pt') ? 5 : 0.05;
          var steps = (start_size_x < size_x ? size_x - start_size_x : start_size_x - size_x) / delta_x;
          delta_y = (start_size_y < size_y ? size_y - start_size_y : start_size_y - size_y) / steps;
          }
         else 
          {
              delta_x = 0;
              delta_y = (ey == 'px' ¦¦ ey == 'pt') ? 15 : 0.15;
          }
    
        if (parseFloat (element.style.width) != size_x ¦¦parseFloat (element.style.height) != size_y)
              {
                var width = parseFloat (element.style.width) + (start_size_x < size_x ? delta_x : -delta_x);
                width = (width > size_x ? width - size_x : size_x - width) < delta_x ? size_x : width;
                element.style.width = width + ex;
                var height = parseFloat (element.style.height) + (start_size_y < size_y ? delta_y : -delta_y);
                height = (height > size_y ? height - size_y : size_y - height) < delta_y ? size_y : height;
                element.style.height = height + ey;
          }
        else 
         {
                window.clearInterval (proc);
                proc = null;
         }
    }
    
    var proc;
    function init_div_size (element_id, width, height) 
      {
           var element = document.getElementById (element_id);
             if (element)
            {
                    element.style.width = width;
                    element.style.height = height;
            }
    }
    </script>
    Ich versuche die änderung der Größe dynamisch hinzubekommen.
    Auch der Aufruf mit frsten werten will noch nicht klappen.

    Gruß
    Sven
    Geändert von Dicker1 (03.12.2008 um 13:04 Uhr)

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Javascript-Div und ein Resizable

    pack das mal bitte in codetags, damit es einfacher zu lesen wird...
    danke
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Javascript in Javascript importiere
    Von FaFoo im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 7
    Letzter Beitrag: 08.04.2008, 19:24
  2. JavaScript
    Von Beny7 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 11.01.2006, 17:06
  3. body onload="window.resizeTo()" window resizable?
    Von der doc im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 03.10.2005, 12:03
  4. javascript + ?
    Von bizl im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 24.05.2005, 16:09
  5. Thema: JavaScript -- Variable einfügen JavaScript o. Bild
    Von Dj_P.D. im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 29.06.2004, 16:14

Stichworte

Berechtigungen

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