php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 23-08-2008, 16:19
Click
 Member
Links : Onlinestatus : Click ist offline
Registriert seit: Aug 2006
Beiträge: 228
Click ist zur Zeit noch ein unbeschriebenes Blatt
Click eine Nachricht über ICQ schicken
Standard "Client size" eines Objekts?

Hallo zusammen,

weiß jemand, wie man die Größe eines Elements ohne "border" und "padding", also praktisch die Größe, bzw den Bereich eines Elements, in dem sich ein anderes befinden kann, mit Javascript und der Hilfe von Prototype möglichst einfach herausfinden kann?

Wäre sehr dankbar für Tips :o)

Click
__________________
Du kannst jeden Tag wie deinen letzten leben, du musst nur jeden Tag das Gleiche tun.

Denk' mal drüber nach!
Mit Zitat antworten
  #2 (permalink)  
Alt 23-08-2008, 17:59
PHP-Desaster
 PHP Expert
Links : Onlinestatus : PHP-Desaster ist offline
Registriert seit: Mar 2006
Beiträge: 3.105
PHP-Desaster befindet sich auf einem aufstrebenden Ast
Standard

Suchst du getHeight und getWidth?
Mit Zitat antworten
  #3 (permalink)  
Alt 23-08-2008, 18:24
Click
 Member
Links : Onlinestatus : Click ist offline
Registriert seit: Aug 2006
Beiträge: 228
Click ist zur Zeit noch ein unbeschriebenes Blatt
Click eine Nachricht über ICQ schicken
Standard

getHeight und getWidth, bzw getDimensions geben die komplette Größe eines Elements zurück ( mit padding und border ).



Online Beispiel
__________________
Du kannst jeden Tag wie deinen letzten leben, du musst nur jeden Tag das Gleiche tun.

Denk' mal drüber nach!
Mit Zitat antworten
  #4 (permalink)  
Alt 24-08-2008, 14:31
jmc
 PHP Junior
Links : Onlinestatus : jmc ist offline
Registriert seit: Mar 2006
Beiträge: 868
jmc befindet sich auf einem aufstrebenden Ast
Standard

Der Tip ist einfach... hör auf frameworks zu benutzen ohne zu wissen was da gemacht wird
Du beantwortest deine Frage ja schon beinahe selbst.
offsetWidth (beim Safari) und clientWidth bzw. offsetHeight und clientHeight geben dir die Breite, bzw. die Höhe des Elements zurück.
Um die Breite oder die Höhe ohne Border und ohne padding zu bekommen musst du einfach style.borderBottomWidth, style.borderLeftWidth, etc. und style.paddingLeft, style.paddingRight, etc. abrechnen. Wenn der Rückgabewert == "" oder == null ist nimmst ersetzst du das einfach mit 0
Mit Zitat antworten
  #5 (permalink)  
Alt 25-08-2008, 10:33
Click
 Member
Links : Onlinestatus : Click ist offline
Registriert seit: Aug 2006
Beiträge: 228
Click ist zur Zeit noch ein unbeschriebenes Blatt
Click eine Nachricht über ICQ schicken
Standard

Mhm.. ist schon klar das man aufs Ergebins kommt, wenn man alles manuell abrechnet, ist aber sehr aufwendig. Deshalb dachte ich, dass es möglicherweise eine schnellere oder bessere Funktion gibt, die in einem Framework implementiert ist, und wo man sich nicht mehr um Browserabhängigkeiten scheren muss.

Abgesehen davon benutze ich bei meinem Beispiel prototype ja nicht nur wegen den getHeight und getWidth. Und du hast recht, ich weiß nicht wie exakt alles bei Prototype funktioniert. Liest du dir etwa immer den Quellcode von dem Framework durch und verstehst ihn komplett, bevor du es nutzt?
Ich nicht

Was wird denn bei Prototype so gemacht, ohne dass ich es wusste? (Bei dem Beispiel)

Ich denke nicht das prototype großartig andre sachen macht als ich machen würd, bis darauf, dass es in eine nette Funktion verpackt wird, aber ich kann mir ja nachher mal die Definition von "getDimensions" angucken..
__________________
Du kannst jeden Tag wie deinen letzten leben, du musst nur jeden Tag das Gleiche tun.

Denk' mal drüber nach!
Mit Zitat antworten
  #6 (permalink)  
Alt 25-08-2008, 14:10
jmc
 PHP Junior
Links : Onlinestatus : jmc ist offline
Registriert seit: Mar 2006
Beiträge: 868
jmc befindet sich auf einem aufstrebenden Ast
Standard

Ja, ich schaue mir (ausser die Standardbibliotheken z.B. bei C/C++, Java oder PHP) eigentlich, wenn möglich alles immer an, denn das hilft dir nicht nur zu verstehen was gemacht wird sondern du lernst dabei auch gerade noch es unter Umständen besser zu machen.
Diese Funktion ist nicht gerade sehr kompliziert, aber, was du da z.B. lernen könntest ist, dass Elemente, welche versteckt sind (z.B. display:none) keine Breite oder Höhe zurückgeben mit clientHeight oder clientWidth. Du musst sie erst vorübergehend sichtbar machen die Grösse auslesen und danach wieder verschwinden lassen.

Bei Prototype gibt es keine Implentation für einen Fall wie deinen. Du kommst also nicht darum herum dir eine Funktion zu schreiben, die das selbst berechnet, wie oben beschrieben.

Um Browserabhängigkeiten musst du dich, wenn du mit Javascript arbeitest leider immer wieder kümmern insbesondere der IE hält sich kaum an w3c.

Du hast recht, beim 1. Mal ist es aufwendig, aber es nützt dir auch und du kannst alles, was du mal gemacht hast auch später wieder verwenden.
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

PHP Server Monitor

PHP Server Monitor ist ein Skript, das prüft, ob Ihre Websites und Server betriebsbereit sind.

11.09.2018 Berni | Kategorie: PHP/ Security
PHP WEB STATISTIK ansehen PHP WEB STATISTIK

Die PHP Web Statistik bietet Ihnen ein einfach zu konfigurierendes Script zur Aufzeichnung und grafischen und textuellen Auswertung der Besuchern Ihrer Webseite. Folgende zeitlichen Module sind verfügbar: Jahr, Monat, Tag, Wochentag, Stunde Folgende son

28.08.2018 phpwebstat | Kategorie: PHP/ Counter
Affilinator - Affilinet XML Produktlisten Skript

Die Affilinator Affilinet XML Edition ist ein vollautomatisches Skript zum einlesen und darstellen der Affili.net (Partnerprogramm Netzwerk) Produktlisten und Produktdaten. Im Grunde gibt der Webmaster seine Affilinet PartnerID ein und hat dann unmittelb

27.08.2018 freefrank@ | Kategorie: PHP/ Partnerprogramme
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 09:16 Uhr.