23A » JavaScript http://blog.davidgraesser.de code snippets and more... Tue, 08 Nov 2011 21:14:52 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Resizing iFrame http://blog.davidgraesser.de/2011/04/05/resizing-iframe/ http://blog.davidgraesser.de/2011/04/05/resizing-iframe/#comments Tue, 05 Apr 2011 14:27:21 +0000 dave http://blog.davidgraesser.de/?p=221 Folgende Funktion passt ein iFrame immer an die Größe der umliegenden Seite an:

  1. <script type=“text/javascript”>
  2. window.onresize = function(){autoIframe(“myIFrame”)};
  3.  
  4. function autoIframe(frameId) {
  5.    try{
  6.         frame = document.getElementById(frameId);
  7.         var realHeight = document.documentElement.clientHeight;
  8.         frame.style.height = realHeight + ‘px’;
  9.    }
  10.    catch(err){
  11.       window.status = err.message;
  12.    }
  13. }
  14. </script>

Funktioniert im IE6/8, Firefox 3/4

]]> http://blog.davidgraesser.de/2011/04/05/resizing-iframe/feed/ 0 JavaScript Logging http://blog.davidgraesser.de/2009/06/22/javascript-logging/ http://blog.davidgraesser.de/2009/06/22/javascript-logging/#comments Mon, 22 Jun 2009 20:13:58 +0000 dave http://blog.davidgraesser.de/?p=100 BlackBirdJS
Nette kleine Bibliothek fürs Loggen in JavaScript Funktionen. MIt Features wie Filtern der LogEntrys nach Typ, Zeitmessung und Tastaturbedienung. Der Slogan zum Tool gefällt mir auch gut:
…and goobye to alert();

http://www.gscottolson.com/blackbirdjs/

Quelle: http://www.smashingmagazine.com/2009/06/21/50-fresh-javascript-tools-that-will-improve-your-workflow/

]]> http://blog.davidgraesser.de/2009/06/22/javascript-logging/feed/ 0 Google API Live testen http://blog.davidgraesser.de/2009/01/23/google-api-live-testen/ http://blog.davidgraesser.de/2009/01/23/google-api-live-testen/#comments Thu, 22 Jan 2009 22:11:18 +0000 dave http://blog.davidgraesser.de/?p=88 Sehr gut gemachte Spielwiese um die JavaScript-Bibliotheken von Google live auszuprobieren.
http://code.google.com/apis/ajax/playground/

]]> http://blog.davidgraesser.de/2009/01/23/google-api-live-testen/feed/ 0 Firefox und innerText http://blog.davidgraesser.de/2008/06/20/firefox-und-innertext/ http://blog.davidgraesser.de/2008/06/20/firefox-und-innertext/#comments Fri, 20 Jun 2008 08:44:30 +0000 dave http://blog.davidgraesser.de/?p=83 Im Firefox führt der Aufruf

  1. $(id).innerText;

zu einem undefined Ergebnis.
Grund dafür ist das der Mozillabrowser diesen Aufruf nicht unterstützt und dafür die Alternative:

  1. $(id).textContent;

anbietet.

more info: http://developer.mozilla.org/en/docs/DOM:element.textContent

Damit es in beiden Browsern funktioniert kann man folgenden Aufruf nutzen:

  1. $(id).firstChild.nodeValue;
]]> http://blog.davidgraesser.de/2008/06/20/firefox-und-innertext/feed/ 2 Subelemente aktivieren/deaktivieren http://blog.davidgraesser.de/2008/04/18/subelemente-aktivierendeaktivieren/ http://blog.davidgraesser.de/2008/04/18/subelemente-aktivierendeaktivieren/#comments Fri, 18 Apr 2008 09:11:06 +0000 dave http://blog.davidgraesser.de/?p=79 Um beispielsweise alle Kindelemente eines Divs mit JavaScript zu deaktiveren bzw. zu aktivieren, kann man folgende Funktion nutzen:

  1. function toggleDisabled(el) {
  2.                 try {
  3.                     el.disabled = el.disabled ? false : true;
  4.                 }
  5.                 catch(E){}
  6.                
  7.                 if (el.childNodes && el.childNodes.length > 0) {
  8.                     for (var x = 0; x < el.childNodes.length; x++) {
  9.                         toggleDisabled(el.childNodes[x]);
  10.                     }
  11.                 }
  12.             }

Quelle

]]> http://blog.davidgraesser.de/2008/04/18/subelemente-aktivierendeaktivieren/feed/ 0