function countDigits(i) {
return (i + "").length;
}
var x = 10;
var count = countDigits(x);
// count ist 2
Freitag, 13. November 2009
Javascript: Anzahl Stellen einer Zahl ermitteln
Javascript: Anzahl Stellen einer Zahl ermitteln
function countDigits(i) {
return (i + "").length;
}
var x = 10;
var count = countDigits(x);
// count ist 2
Mittwoch, 11. November 2009
Javascript - Schieberegler (Slidebar)
Cross-Browser kompatibel und XHTML-valide
Zum Testen einfach den Slider bewegen.
TEST
Javascript im HEAD:CSS im HEAD:
// Startwert des Mouseevents speichern
var startY = 0;
// Starten und Beenden des Drag-Events
var start_drag = false;
// Dragobjekt
var slider = null;
window.onload = Init;
function Init() {
slider = document.getElementById("slidebar");
slider.style.position = 'absolute';
slider.style.top = '25px';
slider.style.left = '1px';
slider.onmousedown = StartDrag;
document.onmousemove = Drag;
document.onmouseup = StopDrag;
// Standardevents ausschalten (Firefox)
with(document.getElementById("slidebarwrapper"))
{
onmousedown = function() { return false; };
onmousemove = function() { return false; };
}
}
function StartDrag(e) {
// Browserweiche
if(!e)
e = window.event;
// Startwert merken
startY = e.screenY - parseInt(slider.style.top);
start_drag = true;
}
function Drag(e) {
if(start_drag) {
// Browserweiche
if(!e)
e = window.event;
// Mausposition - Startwert
var posY = e.screenY - startY;
// Schiebebereich einschraenken
if(posY > 25 && posY < 70) {
// Position zuweisen
slider.style.top = posY + "px";
// Schriftgroesse aendern
document.getElementById("testword").style.fontSize = posY - 10 + "px";
}
}
}
function StopDrag(e) {
start_drag = false;
}
HTML im BODY:
#slidebarwrapper {
position: relative;
width: 127px;
height: 106px;
}
#testword {
margin: 0;
}
<div id="slidebarwrapper">
<img src="html.gif" width="127" height="106" alt="HTML" />
<img src="slider.gif" width="24" height="8"
alt="Schriftgrösse regeln" id="slidebar" />
</div>
<p id="testword">TEST</p>
Javascript - Schieberegler (Slidebar)
Cross-Browser kompatibel und XHTML-valide
Zum Testen einfach den Slider bewegen.
TEST
Javascript im HEAD:CSS im HEAD:
// Startwert des Mouseevents speichern
var startY = 0;
// Starten und Beenden des Drag-Events
var start_drag = false;
// Dragobjekt
var slider = null;
window.onload = Init;
function Init() {
slider = document.getElementById("slidebar");
slider.style.position = 'absolute';
slider.style.top = '25px';
slider.style.left = '1px';
slider.onmousedown = StartDrag;
document.onmousemove = Drag;
document.onmouseup = StopDrag;
// Standardevents ausschalten (Firefox)
with(document.getElementById("slidebarwrapper"))
{
onmousedown = function() { return false; };
onmousemove = function() { return false; };
}
}
function StartDrag(e) {
// Browserweiche
if(!e)
e = window.event;
// Startwert merken
startY = e.screenY - parseInt(slider.style.top);
start_drag = true;
}
function Drag(e) {
if(start_drag) {
// Browserweiche
if(!e)
e = window.event;
// Mausposition - Startwert
var posY = e.screenY - startY;
// Schiebebereich einschraenken
if(posY > 25 && posY < 70) {
// Position zuweisen
slider.style.top = posY + "px";
// Schriftgroesse aendern
document.getElementById("testword").style.fontSize = posY - 10 + "px";
}
}
}
function StopDrag(e) {
start_drag = false;
}
HTML im BODY:
#slidebarwrapper {
position: relative;
width: 127px;
height: 106px;
}
#testword {
margin: 0;
}
<div id="slidebarwrapper">
<img src="html.gif" width="127" height="106" alt="HTML" />
<img src="slider.gif" width="24" height="8"
alt="Schriftgrösse regeln" id="slidebar" />
</div>
<p id="testword">TEST</p>
Freitag, 6. November 2009
Google Syntaxhighlighter: Falsche Darstellung
Listengrafik vor jeder Codezeile
Bei meinem Bloggertemplate kommt es zu dieser unschönen Grafik vor jeder Zeile. Durch eine zusätzliche Zeile (20) in der SyntaxHighlighter.css kann man sie entfernen:
/* clear styles */Google Syntaxhighlighter
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
background-image: none !important;
}
Google Syntaxhighlighter: Falsche Darstellung
Listengrafik vor jeder Codezeile
Bei meinem Bloggertemplate kommt es zu dieser unschönen Grafik vor jeder Zeile. Durch eine zusätzliche Zeile (20) in der SyntaxHighlighter.css kann man sie entfernen:
/* clear styles */Google Syntaxhighlighter
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
background-image: none !important;
}
<fieldset> Bug im Firefox
Nur eine Seite beim Ausdruck!
Beim Firefox ab Version 3 wird beim Druck von durch<fieldset> eingefassten Inhalten, nur die erste Seite ausgedruckt.Wir haben deshalb das Fieldset im Contentbereich unserer Seiten (u.a. www.ufz.de) entfernen müssen, da es momentan keinen Workaround gibt.
Bugzilla@Mozilla – Bug 471015
<fieldset> Bug im Firefox
Nur eine Seite beim Ausdruck!
Beim Firefox ab Version 3 wird beim Druck von durch<fieldset> eingefassten Inhalten, nur die erste Seite ausgedruckt.Wir haben deshalb das Fieldset im Contentbereich unserer Seiten (u.a. www.ufz.de) entfernen müssen, da es momentan keinen Workaround gibt.
Bugzilla@Mozilla – Bug 471015
Freitag, 30. Oktober 2009
Erweiterte Designtime Features bei Custom Controls im .NET Compact Framework I
Meine Zielstellung war es hier Anfangs nur das Smart-Tag (Adorner) zur Beeinflussung der Control Properties zu erzeugen.
Erst im Laufe meiner Bemühungen habe ich die Möglichkeiten erkannt, welche man beim Einsatz eines Custom Designer hat.
Der erste Schritt hier ist das Erweitern des CF-Projektes, um ein zusätzliches Projekt aus dem Standard .NET Framework. Bei beiden Projekten handelt es sich Steuerelementbibliotheken.
Erst im Laufe meiner Bemühungen habe ich die Möglichkeiten erkannt, welche man beim Einsatz eines Custom Designer hat.
Der erste Schritt hier ist das Erweitern des CF-Projektes, um ein zusätzliches Projekt aus dem Standard .NET Framework. Bei beiden Projekten handelt es sich Steuerelementbibliotheken.
Erweiterte Designtime Features bei Custom Controls im .NET Compact Framework I
Meine Zielstellung war es hier Anfangs nur das Smart-Tag (Adorner) zur Beeinflussung der Control Properties zu erzeugen.
Erst im Laufe meiner Bemühungen habe ich die Möglichkeiten erkannt, welche man beim Einsatz eines Custom Designer hat.
Der erste Schritt hier ist das Erweitern des CF-Projektes, um ein zusätzliches Projekt aus dem Standard .NET Framework. Bei beiden Projekten handelt es sich Steuerelementbibliotheken.
Erst im Laufe meiner Bemühungen habe ich die Möglichkeiten erkannt, welche man beim Einsatz eines Custom Designer hat.
Der erste Schritt hier ist das Erweitern des CF-Projektes, um ein zusätzliches Projekt aus dem Standard .NET Framework. Bei beiden Projekten handelt es sich Steuerelementbibliotheken.
Donnerstag, 29. Oktober 2009
.NET: URI-Formate werden nicht unterstützt
Ich bekomme diese Fehlermeldung wenn ich eine Pfadangabe erzeugt z.B. durch...
... wie hier direkt verwende.
Ausgabe: "file:\C:\Users\dutzend..."
Die Meldung wird also durch das Protokoll-Prefix ausgelöst.
Workaround:
this.appPath = Path.GetDirectoryName(Assembly.GetExecutingAssembly().GetName().CodeBase);... wie hier direkt verwende.
backShot.Save(this.appPath + @"\_backshot.bmp", ImageFormat.Bmp);Ausgabe: "file:\C:\Users\dutzend..."
Die Meldung wird also durch das Protokoll-Prefix ausgelöst.
Workaround:
this.appPath = Path.GetDirectoryName(Assembly.GetExecutingAssembly().GetName().CodeBase);
if(this.appPath.Contains(@"file:\"))
this.appPath = this.appPath.Substring(6);
.NET: URI-Formate werden nicht unterstützt
Ich bekomme diese Fehlermeldung wenn ich eine Pfadangabe erzeugt z.B. durch...
... wie hier direkt verwende.
Ausgabe: "file:\C:\Users\dutzend..."
Die Meldung wird also durch das Protokoll-Prefix ausgelöst.
Workaround:
this.appPath = Path.GetDirectoryName(Assembly.GetExecutingAssembly().GetName().CodeBase);... wie hier direkt verwende.
backShot.Save(this.appPath + @"\_backshot.bmp", ImageFormat.Bmp);Ausgabe: "file:\C:\Users\dutzend..."
Die Meldung wird also durch das Protokoll-Prefix ausgelöst.
Workaround:
this.appPath = Path.GetDirectoryName(Assembly.GetExecutingAssembly().GetName().CodeBase);
if(this.appPath.Contains(@"file:\"))
this.appPath = this.appPath.Substring(6);
Dienstag, 1. September 2009
Abonnieren
Posts (Atom)