Suche
Lösung mit jquery: qtranslate und das Wordpress Menü - keine Übersetzung
Posted on | März 16, 2012 | Comments Off
Lösung mit jquery: qtranslate und das Wordpress Menü - keine Übersetzung
Das Menü unter Design->Menüs wird nicht immer korrekt bzw. gar nicht übersetzt. Hier stören sich oft die Versionen von qtranslate und Wordpress. Einen kleinen Workaround konnte ich mit Javascript / JQuery erreichen, indem ich die Title-Attribute im Menüpunkt für eine zweite Sprache nutze:
// JavaScript Document
$(document).ready(function(){
$('#mainmenu li a').each ( function (index)
{
$(this).text($(this).attr("title"));
});
})
Bilder mit Javascript ersetzen
Posted on | Januar 23, 2009 | No Comments
Bilder mit Javascript ersetzen
Eine einfach Möglichkeit Bilder mittels Javascript zu ersetzen ist die, die document.getElementById(”) - Variante.
Hat man zum Beispiel einen Link und ein Bild welchem man die ID ‘bild’ zuweist, kann man folgedermaßen einen Bildwechsel umsetzen:
Link
Div Box mittig ausrichten / zentrieren
Posted on | Januar 22, 2009 | 1 Comment
Div Box mittig ausrichten / zentrieren
Um eine Div Box horizontal mittig auszurichten, setzt man margin:auto. Dies funktioniert allerdings nur dann, wenn das umgebende Element also z.B.
eine Breite von 100% besitzt. Zentriert wird immer releativ zum umgebenden Element.Damit alles korrekt funktioniert ist auch ein korrekter Doctype wichtig, z.B.
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Das Beispiel mal insgesamt:
Speichern-Dialog mit Javascript
Posted on | Januar 13, 2009 | No Comments
Speichern-Dialog mit Javascript
Leider ist es nicht möglich den Speichern Unter - Dialog per Javascript zu öffnen. Es gibt allerdings eine Möglichkeit, dies mit PHP zu tun. Dies kann man unter:
Speichern Unter -Dialog mit PHP
nachlesen.
Nach ausgefülltem Feld das nächste Feld anzeigen / Lösungsansatz mit Javascript
Posted on | Dezember 16, 2008 | No Comments
Nach ausgefülltem Feld das nächste Feld anzeigen / Lösungsansatz mit Javascript
Nach dem Ausfüllen eines Formularfeldes, füllt man das nächste aus, das erste Feld verliert also den Fokus. Ein Ereignis, welches man per Javascript mit onBlur abfangen kann. Wenn man jeweils das nächste Feld per default in einem div mit der ID ‘layer’ auf display:none / visibility:hidden setzt, kann man im onBlur-Event das Feld sichtbar setzen.
onBlur=document.getElementById(’layer’).style.display = ‘block’
oder
onBlur=document.getElementById(’layer’).style.visibility= ‘visible
Bitte bedenken, dass diesnur ein Lösungsanstz sein kann.
Umlaute ersetzen mit Javascript
Posted on | Dezember 7, 2008 | 1 Comment
Umlaute ersetzen mit Javascript
Um per Javascript Umlaute in einem String zu ersetzen, kann man folgendermaßen vorgehen:
var altesWort = ‘Köln’;
var neuesWort = altesWort.replace(/ö/,”ö”);
Drucken mit Javascript / Drucken-Dialog per Javascript
Posted on | November 30, 2008 | No Comments
Drucken mit Javascript / Drucken-Dialog per Javascript
Wenn man den Drucken-Dialog per Javascript öffnen möchte, sobald eine Seite geladen wird, muss man folgenden Code im HTML-Body verwenden:
<body onLoad=”javascript:window.print()” >
Formular mit Javascript absenden
Posted on | November 25, 2008 | No Comments
Formular mit Javascript absenden
Um ein Webformular mit Javascript zu versenden, reicht folgender Codeschnipsel:
document.forms.nameofForm.submit();
Spamschutz der E-Mail Adressen mit Javascript / E-Mailadresse verstecken mit Javascript
Posted on | Oktober 6, 2008 | No Comments
Spamschutz der E-Mail Adressen mit Javascript / E-Mailadresse verstecken mit Javascript
Mit folgendem Codeschnipsel kann man seine Mailadresse vor Spammern mittels Javascript verstecken:
<script>
<!–
var prefix = “deinname”;
var domain = “deinedomain.de”;
document.write(’<a xhref=\”mailto:’ + prefix + ‘@’ + domain + ‘\”>’);
document.write(prefix + ‘@’ + domain + ‘</a>’);
//–>
</script>
PopUp-Fenster zentrieren / PopUp mittig ausrichten
Posted on | September 27, 2008 | No Comments
PopUp-Fenster zentrieren / PopUp mittig ausrichten
So kann man ein popup-Fenster in der Mitte des Bildschirms ausrichten:
function popUp(){
var links = (screen.availWidth - {PopUp_Breite}) / 2;
var rechts = (screen.availHeight - {PopUp_Hoehe}) / 2;
window.open(”url.html”,”Fenster”,”width=800,height=600,left=links,top=rechts”);
}