Archiv der Kategorie: JavaScript

Javascript in WordPress einbinden

Plugin: inline-javascript

Suche in Plugins nach “inline-javascript volcano” und installiere das. So wird’s eingebunden – einfacher geht’s nicht:

[inline]
[script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"][/script]
[script type="text/javascript"]
(...)
[/script]
[/inline]

Denke an Disable wpautop!

Beim IT Freelancer Magazin habe ich das schon erfolgreich eingebunden: https://www.it-freelancer-magazin.de/index.php/2017/08/10/groessenverhaeltnisse-der-top10-freelancer-agenturen-auf-einen-blick/

Sowohl die Vorschau als auch die öffentliche Vorschau haben das TreeMap-Diagramm korrekt angezeigt!

Der Visual-Editor von WordPress ist aber wegen irgendwelchen Sonderzeichen Gift für die Javascript-Einbindung. Zusammen mit dem automatischen sichern, kann es passieren, dass die Javascript-Anwendung auf der entsprechenden WordPress-Seite total zerstört wird. Daher nicht in Visuellen-Editiermodus wechseln.

Plugin: Scripts n Styles

Eigene Skripte werden in Scripts untergebracht.

Gängige Bibliotheken werden unter Include Scripts eingebunden.

Seltene Bibliotheken können in Scripts mit reingepackt werden:

Eigene Skripte, die seltene Bibliotheken benutzen, müssen in die /Body Textarea eingebunden werden, wobei die Bibliothek in die /Head-Textarea einbunden werden muss. Hat leider nur in Chrome zuverlässig funtkioniert. In Firefox und IE hat das Error in die Konsole geworfen und das eigene Skript wurde nicht ausgeführt.

var jQueryScript = document.createElement('script');  
jQueryScript.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');
document.head.appendChild(jQueryScript);

XPath Expressions with Javascript

Always if you have severe troubles with Selenium, you can reach your test-automation goal with JavaScript (JavascriptExecutor). To use your XPaths for locating an element, your choice is document.evaluate(). The handling of this function is somewhat nasty.
Evaluate() returns the XPathResult-object. The evaluate()-method has five parameters, but concentrate on the first and fourth parameter and treat the rest as fixed. Here’s an example:

var XPathResult = document.evaluate( 'count(//div)', document, null, XPathResult.ANY_TYPE, null);

If you choose the generic XPathResult.ANY_TYPE, the XPath-expression: count(//div) itself determines the return type. So in this example the return type is XPathResult.NUMBER_TYPE
The return type is important for the further processing of the value. If you like to alert the string-value of a nodeset, then you need to choose XPathResult.STRING_TYPE:
Go to www.it-kosmopolit.de and press F12 to open developer tools. In the Console enter:

var XPathResult = document.evaluate( './/h1', document, null, XPathResult.STRING_TYPE, null);
alert(XPathResult.stringValue);

 
XPath-Javascript1
 
If you want to process with the result of counting the div’s, you execute this JavaScript:

var XPathResult = document.evaluate( 'count(//div)', document, null, XPathResult.ANY_TYPE, null);
alert(XPathResult.numberValue);

 
XPath-Javascript2
 
Unfortunately this function is not implemented in Internet Explorer until now.