tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
558
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 26.06.06 20:41 #1
    LavaVisualizer LavaVisualizer ist offline Mitglied
    Registriert seit
    Jun 2006
    Beiträge
    11
    Guten Tag,
    Ich habe mir eine kleine, noch unvollständige JavaScript funktion geschrieben:

    HTML-Code:
    <script type="text/javascript">
  function automator(id) {
  element = document.getElementById(id);

  animator_width = element.style.width;
  animator_border_left = element.style.borderLeftWidth;

  animator_full_width = animator_width + animator_border_left;
  element.innerHTML = animator_full_width;
  }
</script>
    Diese Funktion soll mit die CSS Eigenschaften width und padding-left des zu behandelnden DIV's auslesen, dann zusammenrechnen und als neue Variable zur vefügung stellen.

    Das erste Problem ist nun, das die Eigenschaften zwar ausgelesen werden, allerdings immer mit den einheiten .. also immer mit px dahinter, so kann man natürlich nichts zusammenrechnen - Es wird dann halt eine neue zeichenkette gebildet.

    Das zwite Problem ist, dass ich die Eigenschaften nur auslesen kann, wenn ich die Styleangaben direkt im DIV Tag vornehme <div style ="...">, wenn ich das in eine externe CSS Datei auslagere oder im Dokument selber über <style type="text/css"> einfüge findes mein Script die CSS Attribute nicht.

    HTML-Code:
    <body onload="automator('animator');">
 <div style="border: 4px solid #000; width: 400px; margin: 0px; padding: 5px;" id="animator">
 x
 </div>
</body>
    Ich bin noch ein ziemlicher JS anfänger, könnt ihr mir da mal unter die Arme greifen?

    Ich Danke euch, LV
    Geändert von LavaVisualizer (26.06.06 um 20:45 Uhr)
     
    Zitieren Zitieren
  2. 26.06.06 20:57 #2
    Avatar von Gumbo
    Gumbo Gumbo ist offline
    Registriert seit
    Dec 2002
    Ort
    Trier
    Beiträge
    17.502
    Blog-Einträge
    10
    Problem eins wirst du nur damit umgehen können, indem du die Werte mit derselben Einheit zusammenrechnest. Denn „1px“ ist mit „1em“ nicht gleichzusetzen. Wenn die Einheiten jedoch alle gleich sind, kannst du dir das auch sparen.
    Was das zweite Problem betrifft, könntest du die DOM-Methode getComputedStyle() benutzen.
     
    Markus Wulftange
    Zitieren Zitieren
  3. 26.06.06 20:57 #3
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    zum Ersten: wandle die Strings per parseInt() in eine Zahl um...das px wird dabei entfernt, und du kannst damit rechnen
     
    Zitieren Zitieren
  4. 26.06.06 21:22 #4
    LavaVisualizer LavaVisualizer ist offline Mitglied
    Registriert seit
    Jun 2006
    Beiträge
    11
    Yope, Ich danke euch =) .. hat mir weitergeholfen.
     
    Zitieren Zitieren
« Property eines Elements eines Styles ändern? | Browser back = Formulardaten weg !? »

Ähnliche Themen

  1. Manipulation von <title>
    Von sheeba1507 im Forum Coders Talk
    Antworten: 5
    Letzter Beitrag: 25.08.10, 23:38
  2. Genetic Manipulation
    Von Payne im Forum Fotografie
    Antworten: 0
    Letzter Beitrag: 23.03.10, 17:04
  3. Manipulation von GET_Variablen
    Von sipoh im Forum PHP
    Antworten: 5
    Letzter Beitrag: 23.02.08, 19:04
  4. DOM Manipulation
    Von Nambot im Forum PHP
    Antworten: 2
    Letzter Beitrag: 20.01.08, 14:55
  5. Bit manipulation !
    Von darkkiller_ im Forum C/C++
    Antworten: 1
    Letzter Beitrag: 24.09.07, 23:34