Hilfe:JavaScript: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
K (Danke, Ungott!)
K (Versiegelte Hilfe:JavaScript ([edit=autoconfirmed] (unbeschränkt) [move=sysop] (unbeschränkt)))
 
(4 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt)
Zeile 5: Zeile 5:
 
Auf der Stupidedia gibt es (wie in jedem anderen [[Wiki]]) die Möglichkeit, eigene JavaScripts einzubinden. Diese werden dann bei jedem Seitenaufruf mitgeladen.
 
Auf der Stupidedia gibt es (wie in jedem anderen [[Wiki]]) die Möglichkeit, eigene JavaScripts einzubinden. Diese werden dann bei jedem Seitenaufruf mitgeladen.
  
Falls nichts passiert bzw. jemand die sagt, dass du JavaScript anschalten solltst: http://support.google.com/bin/answer.py?hl=de&answer=23852
+
Falls nichts passiert bzw. jemand dir sagt, dass du JavaScript anschalten sollst: http://support.google.com/bin/answer.py?hl=de&answer=23852
  
 
==Was muss ich tun?==
 
==Was muss ich tun?==
Zeile 18: Zeile 18:
 
<syntaxhighlight lang="javascript">
 
<syntaxhighlight lang="javascript">
 
//<nowiki>
 
//<nowiki>
 
 
//</nowiki>
 
 
</syntaxhighlight>
 
</syntaxhighlight>
  
Zwischen diesen beiden Zeilen kannst du nun reines JavaScript benutzen. Detaillierte Infos über die in der Stupidedia häufig genutzten Erweiterungen findest du unter der '''[[Hilfe:Editierwerkzeug-Leiste]]!'''
+
Unter dieser Zeile kannst du nun reines JavaScript benutzen. Detaillierte Infos über die in der Stupidedia häufig genutzten Erweiterungen findest du unter der '''[[Hilfe:Editierwerkzeug-Leiste]]!'''
  
 
===Programmierung===
 
===Programmierung===
Zeile 43: Zeile 40:
  
 
}                                                  // Hier noch das Ende der if-Bedingung
 
}                                                  // Hier noch das Ende der if-Bedingung
//</nowiki>
 
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 
Die "Namen" der einzelnen Elemente auf einer Seite findest du entweder im Quelltext, mit einem DOM-Inspektor, oder (wenn du bei keinem von beiden weißt, worum es sich handelt) unter [[Hilfe:Liste der CSS-Befehle#Liste der Elemente]].
 
Die "Namen" der einzelnen Elemente auf einer Seite findest du entweder im Quelltext, mit einem DOM-Inspektor, oder (wenn du bei keinem von beiden weißt, worum es sich handelt) unter [[Hilfe:Liste der CSS-Befehle#Liste der Elemente]].

Aktuelle Version vom 28. März 2013, 23:35 Uhr

Hier wird die Welt der JavaScripts erläutert. Oder jedenfalls die paar Gegenden dieser Welt, die für die Stupidedia interessant sind.

Was ist das?

JavaScript ist eine Programmiersprache, die im Internet verwendet werden kann. Sie dient dazu, Aufgaben auszuführen, die mit bloßem HTML nicht möglich sind. Ein Beispiel ist das Einfügen von zusätzlichen Inhalten in eine Seite.

Auf der Stupidedia gibt es (wie in jedem anderen Wiki) die Möglichkeit, eigene JavaScripts einzubinden. Diese werden dann bei jedem Seitenaufruf mitgeladen.

Falls nichts passiert bzw. jemand dir sagt, dass du JavaScript anschalten sollst: http://support.google.com/bin/answer.py?hl=de&answer=23852

Was muss ich tun?

Wir haben gerade gelernt, dass JavaScript eine Programmiersprache ist - das heißt, dass man sie lernen muss. Für weniger erfahrene Benutzer ist das nicht zu empfehlen, weil zu Beginn die Erfolge eher enttäuschend sein werden.
Für diese Benutzer bietet es sich an, bestehende JavaScripte zu benutzen.

Zur Technik

Wenn du ein JavaScript benutzen willst, musst du zuerst deine „common.js“ anlegen.
Dazu folgst du einfach diesem Link (Benutzer:XYZ/common.js).
Auf dieser Seite fügst du folgendes ein:

//<nowiki>

Unter dieser Zeile kannst du nun reines JavaScript benutzen. Detaillierte Infos über die in der Stupidedia häufig genutzten Erweiterungen findest du unter der Hilfe:Editierwerkzeug-Leiste!

Programmierung

Jetzt kommen wir zum Programmieren an sich. Als Beispiel geben wir dem Knopf "Bearbeiten" einen neuen Namen:

document.getElementById('ca-edit').getElementsByTagName('a')[0].firstChild.data = 'Edit';

//<nowiki>
var knopf = document.getElementById('ca-edit');    // "ca-edit" ist der Name des Knopfes

if(knopf){                                         // WENN es diesen Knopf gibt (und die Seite
                                                   // nicht gesperrt ist)...

  var link = knopf.getElementsByTagName('a')[0];   // ...DANN suchen wir uns den ersten
                                                   // (bzw. einzigen) Link in diesem Knopf.

  link.firstChild.data = 'Edit';                   // Hier wird der Text angesprochen, der zu
                                                   // dem Link gehört und auf "Edit" gesetzt.

}                                                  // Hier noch das Ende der if-Bedingung

Die "Namen" der einzelnen Elemente auf einer Seite findest du entweder im Quelltext, mit einem DOM-Inspektor, oder (wenn du bei keinem von beiden weißt, worum es sich handelt) unter Hilfe:Liste der CSS-Befehle#Liste der Elemente.


Linktipps: Faditiva und 3DPresso