unset width="..." ?

EM-Autotechnik

Erfahrenes Mitglied
Hallo zusammen,

ich möchte innerhalb meines JS zum einen folgendes Objekt definieren:

PHP:
document.getElementById('bild').width = document.getElementById('bild').width = 400;

und folgend wieder UNdefinieren...
ABER...

PHP:
document.getElementById('bild').width = document.getElementById('bild').width = false;

geht nicht.. Bild erhält nun 0px... :(

Hat jemand eine Lösung?

Thx für Eure Hilfe!
MfG
 
Du solltest bevor du die width änderst die alte noch in einer extra Variablen speichern:

var bla = document.getElementById("Bild").width;

Dann kannst du die neue width undefinieren, indem du sie gleich dem alten Wert setzt!
 
Das war nicht das Problem

Nein das ist leider nicht das Problem... ich poste am besten mal alles:

PHP:
<script language="JavaScript" type="text/javascript">
<!--
function change_pic(pic)
{
     var default_pic = 'nopic.jpg';
     var maxbreite = 200;
     var maxhoehe = 150;

  //------------------------>hier die width und heigth undefinieren

     (pic != '') ? document.getElementById('bild').src = pic : default_pic;

     if(document.getElementById('bild').complete == true)
     {
            //Breite und Höhe ermitteln
            var hoehe = document.getElementById('bild').height;
            var breite = document.getElementById('bild').width;

           //einer der Werte zu gross?
           if(breite > maxbreite || hoehe > maxhoehe)
           {
                 //welche beider Werte schlägt über?
                 if(breite/maxbreite > hoehe/maxhoehe)
                 var faktor = breite/maxbreite;
                 else
                 var faktor = hoehe/maxhoehe;
          }
          else
          {
               var faktor = 1;
          }
          //Größe anpassen
          document.getElementById('bild').height = document.getElementById('bild').height / faktor;
         document.getElementById('bild').width = document.getElementById('bild').width / faktor;
    }
}
//--></script>

<img id="bild" src="nopic.jpg" alt="Hauptbild" border="0"><input type="file" size="25" id="local" name="hauptbild" onChange="change_pic(this.value);">

Also hier wird ein Bild direkt vom Localem Speicher angezeigt und dabei auf die richtige gösse zugeschnitten...
Das ganze klappt NUR solange im image Tag keine breite oder höhe definiert ist
Also beim ersten Bild klappt das auch...

Danke für Deine Hilfe!
 
danke!

k jungs sry fürs nerven... hab die lösung gefunden...

man muss einfach die width und height eigenschaften im Style="..." definieren...
anschliessend kann man die style eigenschaften wieder löschen:

document.getElementById('bild').style['height'] = '';

klappt wunderbar :)

MfG
 

Neue Beiträge

Zurück