Verfasst von Stefan Höhn
am:
27.11.2005
|
Anleitung Wikipedia per css und DHTML direkt in die Webseite integrieren Auf der Webseite gibt es Fremwörter und Spezialausdrücke , die einer Erklärung bedürfen.
Wikipedia ist ein Nachschlagewerk, das sich zu diesem Zweck mit ein bischen Javascript in die Webseite Integrieren läßt.
und so gehts.
- Mambo Administrator als admin anmelden
- Site -> Template Manager -> Site Templates klicken
- benutztes Template auswählen
- Edit HtML klicken ein Editor Fenster öffnet sich
- jetzt folgendes Script direkt hinter <head> einfügen.
<script type="=text/javascript"=>
<!--
// Browserweiche
var w3c = document.getElementById&&!document.all?1:0;
var msie = document.all?1:0;
function intro() {
// Event-Listener fuer Doppelklick registrieren
if(w3c) { // DOM Level 2 kompatible Browser
var field = document.getElementById("=dict"=);
field.addEventListener("=dblclick"=, fetchSel, true);
}
if(msie) { // MS Internet Explorer
var field = document.all.dict;
field.ondblclick = fetchSel;
}
}
function fetchSel() {
// Selektierten Text in Variable speichern
if(document.selection) {
selected = document.selection.createRange().text;
if(selected != "="=) {
document.selection.empty();
}
}
else if(window.getSelection) {
selected = window.getSelection().toString();
selected = selected.replace(/["=!?;:,.]/g, "="=);
}
popup(selected);
}
function popup(selected) {
// Deutsche Wikipedia
var searchURL = "=http://de.wikipedia.org/"=;
var attr = "=wiki/"= + escape(selected);
// Alternative: Deutsch-Englisches Woerterbuch
// var searchURL = "=http://dict.leo.org/"=;
// var attr = "=?search="= + escape(selected) + "=&lang=en"=;
// Parameter fuer das Popup-Fenster
var param = "=width=590,height=430"=;
param += "=,left=300,top=60"=;
param += "=,menubar=1"=;
param += "=,location=1"=;
param += "=,scrollbars=1"=;
param += "=,resizable=1"=;
param += "=,toolbar=1"=;
param += "=,status=0"=;
if(selected != "="=) {
// Popup oeffnen
popWin = window.open(searchURL + attr,"=s"=,param);
// Popup in den Vordergrund schicken
popWin.focus();
}
}
//-->
</script>
- Danach <body> ändern in<body onload="=intro()"=>
- und dann noch das erste <div> im Body verändern in<div id="=dict"= align="=center"=>
- Abspeichern
- Schon ist das Wikipedia Lexikon integriert.
- EinDoppelklick auf das zu erklärende Wort öffnet ein Fenster mit dem entsprechendem Wikipedia Inhalt
Das Script habe ich auf der CD zur Ausgabe Internet Professionell 12/2005 gefunden.
powered by:
|
Letzte Aktualisierung ( 29.09.2013 )
|