Javascript

[malsdgtac]

Es wundert mich eignetlich, aber ich habe hier im Forum zu meine Problem keine wirkliche Antwort gefunde.

Wie kann ich Javasript in eine Seite integrieren? Es geht dabei z.B. um einen Routenplaner oder anderen Code-Schnipsel den man von anderen Webseiten bekommt um sie auf der eigenen einzubauen.

Ich habe Hinweise gefunden, dass dies funktioniert wenn man dabei keinen HTML-Code ausgeben läßt - nur das hilft bei diesen Code-Schnipsel meist nicht weiter, weil sie dies auch tun.

Wie kann ich das nun am besten umsetzen? Das entsprechende Javascript soll nicht auf allen Seiten eingebunden werden (dann kann ich es ohnehin in die Seite integrieren).

Einen Editor brauche ich dafür natürlich nicht, ich hatte es schon mal mit einen TEXT-Feld versucht, geht aber nicht. Gibt es eine Lösung?

[timo]

Schreib den JavaScript-Code doch einfach in ein Modul oder direkt ins Layout.

[malsdgtac]

direkt ins Layout hilft eben nicht, weil das Javascript dann auf jeder Seite eingebunden wird, was nicht sein soll.

Wenn ich das Javascript in ein Modul schreibe (TEXT_HTML) kann man danach das Modul nicht mehr bearbeiten (z.B. um das Javascript wieder zu löschen)

[timo]

Nein, du sollst unter Style->Module ein neues Modul erstellen, dort in den Output das JavaScript einfügen und dann überall da, wo du es benötigst, entsprechend einbinden.

[malsdgtac]

Okay jetzt hab ich es kapiert - doch noch eine Frage - wie binde ich das Modul dann ein?

[timo]

Im Template zuweisen

[Chopper]

111 Beiträge und noch nie ein Modul eingebunden o.O

[HerrB]

Siehe auch http://www.contenido.org/forum/viewtopi ... 5934#45934

Gruß
HerrB

[malsdgtac]

@timo - wenn ich es dem template zuweise taucht das Script wieder auf allen Seiten mit dem Template auf

@Chopper - was willst du damit sagen?

@HerrB - deine Überlegung habe ich noch nicht durchschaut, da ich keinen Link brauche

Ich habe das Gefühl, ich stehe dabei auf der Leitung. Daher hier mal der Code den ich einbauen möchte - und zwar auf der Kontaktseite (und nur auf der):

Code: Alles auswählen

<!-- Google Code for Signup Conversion Page -->
<script language="JavaScript" type="text/javascript">
<!--
var google_conversion_id = 123456789;
var google_conversion_language = "de";
var google_conversion_format = "1";
var google_conversion_color = "666666";
if (1) {
  var google_conversion_value = 1;
}
var google_conversion_label = "Signup";
//-->
</script>
<script language="JavaScript" src="http://www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<img height=1 width=1 border=0 src="http://www.googleadservices.com/pagead/conversion/123456789/?value=1&label=Signup&script=0">
</noscript>
                                

Wie würdet ihr das nun lösen? - und danke für eure Mühe

[HerrB]

Der angegebene Link enthält alle Hinweise, die man beachten muss, wenn man JS einsetzen will.

Das hat mit den Links nichts zu tun, das war nur ein Beispiel.

Ich würde Dir nahe legen, das nochmal durchzulesen, mindestens das hier gilt für Dich auch:

- Auf jeden Fall auf einer Testseite vorab testen. Geht etwas schief, kann der Artikel bzw. das Feld u.U. nicht mehr editiert werden (Link zu Online-Editor [SPAW] erscheint bzw. funktioniert nicht oder SPAW an sich funktioniert mit diesem Text nicht mehr). Dann hilft nur, den Artikel zu löschen.

- Keine JavaScript-Kommentare (<!-- bzw. //-->) verwenden (sonst treten genau diese Fehler auf).

D.h. der Grund dafür, dass die Seite nach dem Einfügen in das Text (HTML)-Feld nicht mehr funktioniert, sind mindestens die <!-- bzw. //-->-Angaben.

Außerdem wird - wie in dem verlinkten Thema angegeben - die Zeile <script ... aus dem Text gelöscht, wenn sie am Anfang des Textes oder alleine im Text steht (liegt am DHTML-Control). Wird sie in die Zelle einer Tabelle eingebettet, bleibt sie erhalten.

Außerdem beschreibt der verlinkte Beitrag, wie man den Code auslagern kann - in der Seite bleibt dann nur noch der Aufruf einer Funktion. Das ist bei Dir wohl nicht nötig, aber bereitet trotzdem weniger Schwierigkeiten.

Gruß
HerrB

[Vince]

Hi,

ich hab in einem gleichen Fall einfach das Standard-Template, welches ich für (nahezu) alle Seiten nutze, kopiert und Standard-Calculator genannt.

Diesem hab ich ich dann im entsprechenden Container das Berechnungs-Modul (ein Java-Script) zugewiesen und das neue Template dem entsprechenden Artikel.

Fertig war die Kiste. Wo ist das Problem?

cheers, Vince

[HerrB]

So, wie Du es gemacht hast, gibt es keins. Wenn man aber nicht mit einem Modul bzw. einem Layout arbeiten möchte, sondern das JS einfach im Editor eingeben will, muss man die angegebenen Hinweise beachten.

Kannst ja mal spaßenshalber einen Artikel erstellen und in der Code-Ansicht in einem Text (HTML)-Feld JS-Code (mit Kommentaren <!-- und //-->) einfügen... da ist dann das Problem.

Gruß
HerrB

[malsdgtac]

Naja das Problem ergibt sich dann, wenn auf mehrerern Seiten unterschiedliches Javascript eingebaut werden soll. z.B. wenn in diesem Fall die Variable conversion_id auf jeder Seite anders lauten soll

[HerrB]

@smac: Mein Hinweis gelesen (ich meine den mit den Kommentaren)?

Gruß
HerrB

[malsdgtac]

@HerrB
Ich glaube jetzt habe ich es gerafft. Folgendes ist meine Lösung:

Code: Alles auswählen

<table>
<tr>
<td>

<!-- Google Code for Signup Conversion Page --> 
<script language="JavaScript" type="text/javascript"> 
<!-- 
var google_conversion_id = 123456789; 
var google_conversion_language = "de"; 
var google_conversion_format = "1"; 
var google_conversion_color = "666666"; 
if (1) { 
  var google_conversion_value = 1; 
} 
var google_conversion_label = "Signup"; 
//--> 
</script> 
<script language="JavaScript" src="http://www.googleadservices.com/pagead/conversion.js"> 
</script> 
<noscript> 
<img height=1 width=1 border=0 src="http://www.googleadservices.com/pagead/conversion/123456789/?value=1&label=Signup&script=0"> 
</noscript> 

</td>
</tr>
</table>

Die habe ich natürlich sofort ausprobiert, und der Bereich bleibt editierbar, und das Javascript steht drinnen. Gibt es daran noch etwas auszusetzen?