einbinden und aufrufen von javascript

dede · 27.07.2011, 14:37

ein freundliches Hallo in die Runde,

vor lauter Bäumen sehe ich den Wald nicht mehr. Was mach ich falsch?
Habe mich u.a. von Werner, Webdesignconsult, inspirieren lassen und meine .js Datei wie folgt eingebunden:

in der global

Code:

cc:*>für Kalender:</cc:*>
<cc:asset src="calendar_js.js" dst="calendar_js.js" obj="calendar_js"
<cc:*asset src="calendar_js.css" dst="calendar_js.css" obj="mycalendarstyle">

navigation.ccml: vor </head>

Code:

<cc:*>für Kalender:</cc:*> 
<link rel="stylesheet" type="text/css" title="calendar" href="./calendar_js.url" media="screen" />
<cc:*>für Kalender:</cc:*>
<script type="text/javascript" src="<cc:print value="&calendar_js.url">"></script>

die Dateien calendar_js.css und calendar_js.js befinden sich im Designordner

Aufruf mittels html-Absatz:

Code:

<script type="text/javascript" src="<cc:print value="&mycalendarscript.url">"></script>

Resultat:

nichts zu sehen. Hab ich irgendwo irgendwas vergessen oder oder falsch erfasst?

Ich danke allen die einen Blick drauf werfen und mir auf die Sprünge helfen.
Arbeite mit w2d 6.0 Design Fiction (validierte Version von Werner mit linker sidebar).

Unter diesem Link kann man es sich den Quellcode allenfalls ansehen...... Oehhm, ist noch schwer im Aufbau.....

Besten Dank im Voraus, dede

ontourrh · 27.07.2011, 15:56

schau mal hier nach:
<link rel="stylesheet" type="text/css" title="calendar" href="./calendar_js.url" media="screen" />

webchaot · 27.07.2011, 16:37

Hallo dede

Nachdem Du ja offenbar ein Design von Werner Krawik benutzt:
Soviel ich weiss, hat Werner Krawik alle seine Designs bereits mit einer Kalender-Funktion ausgestattet.
In der global.ccml solltest Du

Code:

<cc:*>Kalender</cc:*>
<cc:picture obj="pic.calendar" dst="pcal.gif" src="pic_calendar.gif">
<cc:asset src="style_calendar.css" dst="scal.css" obj="mycalendarstyle">

finden, und in der navigation.ccml solltest Du zwischen <head> und <body>

Code:

<cc:*>für Kalender:</cc:*>
<link rel="stylesheet" type="text/css" href="<cc:print value="&mycalendarstyle.url">" />

finden.
Weiter unten in der navigation.ccml findest Du im Bereich der "unechten" und der echten Sidebar diese Einträge:

Code:

<cc:if cond="&mysidebar.caption='#*kalender'"><cc:include src=kalender_left.ccml>

und

Code:

<cc:if cond="&mysidebar.caption='*kalender'"><cc:include src=kalender.ccml>

Um den Kalender aufzurufen brauchst Du dann nur noch in der Sidebar einen HTML-Absatz mit dem Titel

*kalender

anlegen, wenn Du ihn in der rechten Sidebar willst und

#*kalender

wenn Du ihn in der linken Sidebar willst.

dede · 27.07.2011, 17:09

@ ontourrh, hab mal nachgeschaut, was immer du auch damit meinst. Hab mal die .url in .css bzw. .js abgeändert, was nichts gebracht hat. Habe auch die url (http:// statt ./calendar...) mal ausgeschrieben, ohne Erfolg. Habe manuell die calendar_js.css Datei in den assets Ordner auf den Server kopiert, da nicht vorhanden. Hab ich falsch geschaut?

Als Fehlermeldung (HTML-Tidy) erhalte ich folgenden Text:
This is an error show when an attribute contained in a tag does not contain a value and that a value was expected. Or this can also be due to syntax error in the HTML tag. Zeile 78 wo der Fehler gemeldet wird, siehts so aus:
<script type="text/javascript" src=""></script> ?? hab doch das value in der Navigation drin?

Vielleicht kann ja jemand was damit anfangen.

@webchaot, hallo Walter
schön wärs gewesen, war wohl nach meiner Zeit. In der Navigation und der Global sind diese Anweisungen nicht vorhanden, ebenso im Designordner keine kalender.ccml oder style......css. Schade.

Ich danke mal beiden für die Unterstützung. Gruss dede

***voodoo36*** · 27.07.2011, 22:13

Vielleicht solltest du mal das ./ weg lassen...
<link rel="stylesheet" type="text/css" title="calendar" href="./calendar_js.url" media="screen" />

dede · 28.07.2011, 10:02

Danke für den Denkansatz Voodoo. Hab ein wenig rumexperimentiert und mal das ./ weggelassen und auch in der Global in der zweiten Zeile das * weggelassen. Alles durchprobiert ohne Erfolg. Über der bekanntesten Suchmaschine habe ich dann folgendes gefunden.

"Neben dem JavaScript selbst muss lediglich eine Element mit einer bestimmten ID im HTML-Dokument vorhanden sein. Die Umsetzung ist DOM-konform und sollte daher in allen weiteren DOM-fähigen Browser funktionieren. Es sind drei Dinge notwendig. Du musst die CSS-Datei und die JS-Datei einbinden. Liegen beide im selben Verzeichnis wie das Dokument, in dem es eingebunden werden soll, sieht der Aufruf wie folgt aus:

Code:

<link rel="stylesheet" media="screen" href="calendar_js.css" type="text/css" />
<script type="text/javascript" src="calendar_js.js"></script>

An der Stelle, wo der Kalender später zu sehen sein soll, muss nun ein DIV-Element mit einer ID hin:

<div id="calendar"></div>

Sollten keine anderen JavaScript vorhanden sein, die onload starten, sollte es das bereits gewesen sein."

PROBLEM GELÖST !! Ich hab jetzt lediglich im html Absatz vor dem Aufruf das <div id="calendar"></div> ergänzt und schon war der Kalender sichtbar. Danke allen recht herzlich für die rasche Unterstützung.
Gruss aus der mittlerweile wieder sonnigen Schweiz - dede

Urmel · 13.09.2011, 16:05

Zitat:

Zitat von webchaot

Soviel ich weiss, hat Werner Krawik alle seine Designs bereits mit einer Kalender-Funktion ausgestattet.

Hallo webchaot,,
nein nicht alle. Und in Fiction war auch keiner enthalten. Ich schätze, dede hat sich an einer online gestellten Anleitung orientiert, wobei es dort nur darum ging, wie man JavaScripte auslagern und in w2d einbinden kann.

@dede, auf deiner Demosite ist der Aufruf in einem Textabsatz in der Sidebar, wo er gar nicht funtkionieren kann.

27.07.2011, 14:37	#1 (permalink)
dede Neuer Benutzer Registriert seit: 19.11.2009 Ort: Schweiz Beiträge: 24	einbinden und aufrufen von javascript ein freundliches Hallo in die Runde, vor lauter Bäumen sehe ich den Wald nicht mehr. Was mach ich falsch? Habe mich u.a. von Werner, Webdesignconsult, inspirieren lassen und meine .js Datei wie folgt eingebunden: in der global Code: cc:>für Kalender:</cc:> <cc:asset src="calendar_js.js" dst="calendar_js.js" obj="calendar_js" <cc:asset src="calendar_js.css" dst="calendar_js.css" obj="mycalendarstyle"> navigation.ccml: vor </head>* Code: <cc:>für Kalender:</cc:> <link rel="stylesheet" type="text/css" title="calendar" href="./calendar_js.url" media="screen" /> <cc:>für Kalender:</cc:> <script type="text/javascript" src="<cc:print value="&calendar_js.url">"></script> die Dateien calendar_js.css und calendar_js.js befinden sich im Designordner Aufruf mittels html-Absatz: Code: <script type="text/javascript" src="<cc:print value="&mycalendarscript.url">"></script> Resultat: nichts zu sehen. Hab ich irgendwo irgendwas vergessen oder oder falsch erfasst? Ich danke allen die einen Blick drauf werfen und mir auf die Sprünge helfen. Arbeite mit w2d 6.0 Design Fiction (validierte Version von Werner mit linker sidebar). Unter diesem Link kann man es sich den Quellcode allenfalls ansehen...... Oehhm, ist noch schwer im Aufbau..... Besten Dank im Voraus, dede

27.07.2011, 15:56	#2 (permalink)
ontourrh Erfahrener Benutzer Registriert seit: 22.01.2010 Ort: Nirgendwo Beiträge: 604	AW: einbinden und aufrufen von javascript schau mal hier nach: <link rel="stylesheet" type="text/css" title="calendar" href="./calendar_js.url" media="screen" />

27.07.2011, 16:37	#3 (permalink)
webchaot Erfahrener Benutzer Registriert seit: 19.11.2009 Ort: Schweiz Beiträge: 1.205	AW: einbinden und aufrufen von javascript Hallo dede Nachdem Du ja offenbar ein Design von Werner Krawik benutzt: Soviel ich weiss, hat Werner Krawik alle seine Designs bereits mit einer Kalender-Funktion ausgestattet. In der global.ccml solltest Du Code: <cc:>Kalender</cc:> <cc:picture obj="pic.calendar" dst="pcal.gif" src="pic_calendar.gif"> <cc:asset src="style_calendar.css" dst="scal.css" obj="mycalendarstyle"> finden, und in der navigation.ccml solltest Du zwischen <head> und <body> Code: <cc:>für Kalender:</cc:> <link rel="stylesheet" type="text/css" href="<cc:print value="&mycalendarstyle.url">" /> finden. Weiter unten in der navigation.ccml findest Du im Bereich der "unechten" und der echten Sidebar diese Einträge: Code: <cc:if cond="&mysidebar.caption='#kalender'"><cc:include src=kalender_left.ccml> und Code: <cc:if cond="&mysidebar.caption='kalender'"><cc:include src=kalender.ccml> Um den Kalender aufzurufen brauchst Du dann nur noch in der Sidebar einen HTML-Absatz mit dem Titel kalender anlegen, wenn Du ihn in der rechten* Sidebar willst und #kalender wenn Du ihn in der linken* Sidebar willst. __________________ Gruss Walter

27.07.2011, 17:09	#4 (permalink)
dede Neuer Benutzer Registriert seit: 19.11.2009 Ort: Schweiz Beiträge: 24	AW: einbinden und aufrufen von javascript @ ontourrh, hab mal nachgeschaut, was immer du auch damit meinst. Hab mal die .url in .css bzw. .js abgeändert, was nichts gebracht hat. Habe auch die url (http:// statt ./calendar...) mal ausgeschrieben, ohne Erfolg. Habe manuell die calendar_js.css Datei in den assets Ordner auf den Server kopiert, da nicht vorhanden. Hab ich falsch geschaut? Als Fehlermeldung (HTML-Tidy) erhalte ich folgenden Text: This is an error show when an attribute contained in a tag does not contain a value and that a value was expected. Or this can also be due to syntax error in the HTML tag. Zeile 78 wo der Fehler gemeldet wird, siehts so aus: <script type="text/javascript" src=""></script> ?? hab doch das value in der Navigation drin? Vielleicht kann ja jemand was damit anfangen. @webchaot, hallo Walter schön wärs gewesen, war wohl nach meiner Zeit. In der Navigation und der Global sind diese Anweisungen nicht vorhanden, ebenso im Designordner keine kalender.ccml oder style......css. Schade. Ich danke mal beiden für die Unterstützung. Gruss dede

27.07.2011, 22:13	#5 (permalink)
*voodoo36* Administrator Registriert seit: 17.04.2009 Ort: Regensburg Beiträge: 4.222	AW: einbinden und aufrufen von javascript Vielleicht solltest du mal das ./ weg lassen... <link rel="stylesheet" type="text/css" title="calendar" href="./calendar_js.url" media="screen" /> __________________ Grüße aus Bayern www.ts-design4you.de - www.boogie-rabbits.de

28.07.2011, 10:02	#6 (permalink)
dede Neuer Benutzer Registriert seit: 19.11.2009 Ort: Schweiz Beiträge: 24	AW: einbinden und aufrufen von javascript Danke für den Denkansatz Voodoo. Hab ein wenig rumexperimentiert und mal das ./ weggelassen und auch in der Global in der zweiten Zeile das * weggelassen. Alles durchprobiert ohne Erfolg. Über der bekanntesten Suchmaschine habe ich dann folgendes gefunden. "Neben dem JavaScript selbst muss lediglich eine Element mit einer bestimmten ID im HTML-Dokument vorhanden sein. Die Umsetzung ist DOM-konform und sollte daher in allen weiteren DOM-fähigen Browser funktionieren. Es sind drei Dinge notwendig. Du musst die CSS-Datei und die JS-Datei einbinden. Liegen beide im selben Verzeichnis wie das Dokument, in dem es eingebunden werden soll, sieht der Aufruf wie folgt aus: Code: <link rel="stylesheet" media="screen" href="calendar_js.css" type="text/css" /> <script type="text/javascript" src="calendar_js.js"></script> An der Stelle, wo der Kalender später zu sehen sein soll, muss nun ein DIV-Element mit einer ID hin: <div id="calendar"></div> Sollten keine anderen JavaScript vorhanden sein, die onload starten, sollte es das bereits gewesen sein." PROBLEM GELÖST !! Ich hab jetzt lediglich im html Absatz vor dem Aufruf das <div id="calendar"></div> ergänzt und schon war der Kalender sichtbar. Danke allen recht herzlich für die rasche Unterstützung. Gruss aus der mittlerweile wieder sonnigen Schweiz - dede

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
kann mein projekt nicht mehr aufrufen	Eipe	Web to Date 7.0	5	30.07.2011 16:29
wie javascript einbinden?	lighty	Web to Date 6.0	3	08.06.2011 11:42
JavaScript vor den Body-End-Tag setzen	Proxxon747	Web to Date 6.0	4	27.04.2010 19:34
Externe Website aufrufen	axelw	Web to Date 6.0	1	02.02.2010 16:10
navigation.ccml - Javascript gehört ans Ende	blue	Web to Date allgemein	4	21.07.2009 19:10