N'Abend,

Hier eine Zusammenfassung aller Ressourcen zu JavaScript (QX.js) mit QuarkXPress 2018 und zum QXML.
Da Entwickler meist Englisch lesen/schreiben/verstehen, alles auf Englisch…

QX.js Scripting Guide (Einführung):
http://files.quark.com/...cripting%20Guide.pdf

QX.js API reference (Schnittstellenbeschreibung, Referenz):
http://www.quark.com/...s%20API%20Reference/

QXML DOM API Reference (Objektmodell von QuarkXPress Dokumenten erklärt):
http://www.quark.com/...rence/qxml/qxml.html

QX.js GitHub Repository (Beispielskripte):
https://github.com/qxpjs

Getting Started with JavaScript in QuarkXPress (Schritt-für-Schritt Übungen):
https://github.com/qxpjs/GettingStarted

Gruß
Matthias

---

• Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/ • Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e •

---

Hallole Zusammen

Ich habe mal den Beitrag oben fixiert, ist doch alles sehr neu in QXP.


Gruss, Bernd D.
W10 (64-Bit), Corel Draw 2023/Designer 2023, MSO 2016,
https://www.facebook.com/sgmdonzdorf/

Helfen Sie mit bei HDS, werden Sie Mitglied.

Hier nochmal ein paar Beispiele (Ein- oder Zweizeiler):

QX.js: Alle Rahmen in einem Layout auslesen:

Code

var DOM = app.activeLayoutDOM(); 
var boxes = DOM.getElementsByTagName("qx-box"); 

QX.js: Alle Bildrahmen in einem Layout auslesen:

Code

app.activeLayoutDOM().querySelectorAll("qx-box[box-content-type='picture']"); 

QX.js: Benutzereingabe (Dialog):

Code

var name = prompt("your name:"); 
alert("Hello ", name); 

QX.js: Textdatei lesen:

Code

fs.readFileSync(path) 

Gruß
Matthias

---

• Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/ • Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e •

---

Weiterhin bietet das Juli Update für QuarkXPress 2018 (14.0.1) ein neues Beispielskript:

"Find and Replace Text from List"
Suchen & Ersetzen mit Suchpaaren, die in einer Liste (CSV, kommagetrennte Liste) definiert sind.

Gruß
Matthias

---

• Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/ • Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e •

---

Antwort auf:

…
QX.js: Benutzereingabe (Dialog):

Code

var name = prompt("your name:"); 
alert("Hello ", name); 

Hallo Matthias,
müsste da nicht noch eine Zeile rein für den Fall, dass der Anwender den Prompt abbricht, die Variable name also den Wert null annimmt?
Auch könnte die Methode prompt ein zweites Argument vertragen, sonst steht da womöglich im Textfeld undefined drin. Ein leerer String müsste es tun.

Nicht getestet:

Code

( function() 
{ 
	var name = prompt("your name:" , "" ); 
	if( name == null ){ return }; 
 
	alert( "Hello ", name ); // Why not: alert( "Hello " + name ); 
}() ) 

*****
Mit herzlichem Gruß,
Uwe Laubender

Besser

Code

if(name != null) 
        { 
                alert( "Hello ", name ); 
 
                    } 

Zitat

Why not: alert( "Hello " + name );

Zum Plus, oft eine Frage des Stils.

Guter Artikel dazu: https://stackoverflow.com/...in-different-pattern

Gruß
Matthias

---

• Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/ • Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e •

---

Hallo Matthias,

ich bevorzuge das + beim Zusammenfügen von Strings.

Diese Schreibweise ist dann beispielsweise kompatibel mit ExtendScripts Core JavaScript, das der Methode alert() drei Argumente mitgegeben hat. Dort würde der mit Komma abgetrennte Teil als zweites Argument, als Titel des Alerts erscheinen.

Mit JavaScript für QuarkXPress ist das offenbar nicht der Fall. Das deckt sich dann mit window.alert() aus JavaScript für's Web. Bei einem Argument für Methode alert() ist das sichtbare Ergebnis mit + oder , identisch.

Zur Frage mit dem if:

Meiner Meinung nach ist meine Schreibweise klarer.
Aber das mag Ansichtssache oder Stilfrage sein.

Ich ummantele nur ungern auszuführenden Code mit { }, wenn er länger ist.

Das if( name == null ){ return } ist für mich das klare Statement, dass code unterhalb nicht ausgeführt wird, wenn der Ausdruck in den ( ) Klammern positiv beschieden wird. Funktioniert natürlich nur, weil ich den gesamten Code in eine selbstausführende annonyme Funktion gepackt habe:

Code

( function() 
{ 
 
	/* 
		All code goes here. 
	*/ 
 
}() ) 

*****
Mit herzlichem Gruß,
Uwe Laubender

Antwort auf:

Code

( function() 
{ 
 
	/* 
		All code goes here. 
	*/ 
 
}() ) 

Tolle Funktion, danke! ;-)

---

• Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/ • Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e •

---

Übrigens, das Juli Update für QuarkXPress 2018 fügt ein paar neue QX.js JavaScript Methoden hinzu:

- closeDialog
- openDialog
- openFileDialog
- openFolderDialog
- openProgressDialog
- saveFileDialog

Damit muss man nun den Pfad nicht mehr in ein Freifeld tippen/einsetzen, sondern kann einen Dialog aufrufen.

Gruß
Matthias

---

• Vorschlag einer CreativePro Suite (ohne Miete): http://www.planetquark.com/2017/05/18/the-non-rental-suite/ • Kompendium für agiles Publishing, Storytelling, digitale Haptik etc.: http://goo.gl/XzCy8e •

---