JavaScript im Template einbinden

Wie verwendet man Templates oder erstellt Navigationen und passt diese an.

JavaScript im Template einbinden

Beitragvon pelz » 1. Apr 2011, 09:46

Hallo,

seit Redaxo komme ich mir recht blöd vor.

Ich versuche heute schon die ganze Zeit in einem Template JavaScripts einzubinden. Diese werden irgendwie ignoriert. Über den Browser kann ich sie über das Ansprechen mit dem angegebenen Pfad aufrufen.

Die Rechte und der Besitzer sind ordentlich gesetzt.

Wo sollte man denn am besten die JavaSripts ablegen und wie am Besten im Template aufrufen?

Lieben Gruß

wolle
pelz
 
Beiträge: 48
Registriert: 18. Feb 2011, 12:56

Re: JavaScript im Template einbinden

Beitragvon Richard.Laing » 1. Apr 2011, 10:15

hi wolle
im default template z.B.:
Code: Alles auswählen
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

oder eigene js im files ordner ablegen und per
Code: Alles auswählen
<script type="text/javascript" src="files/scriptjs"></script>

einbinden im headbereich des templates

gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Re: JavaScript im Template einbinden

Beitragvon pelz » 1. Apr 2011, 10:27

Richard.Laing hat geschrieben:hi wolle
[..]
oder eigene js im files ordner ablegen und per
Code: Alles auswählen
<script type="text/javascript" src="files/scriptjs"></script>

einbinden im headbereich des templates

gruß richy


Und genau DAS will hier nicht.
pelz
 
Beiträge: 48
Registriert: 18. Feb 2011, 12:56

Re: JavaScript im Template einbinden

Beitragvon Richard.Laing » 1. Apr 2011, 10:32

hmm hat du mal nen link für mich zum gucken
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Re: JavaScript im Template einbinden

Beitragvon pelz » 1. Apr 2011, 10:50

Richard.Laing hat geschrieben:hmm hat du mal nen link für mich zum gucken
gruß richy


Ne, leider nicht. Läuft lokal schon nicht. ;)

Habe ein paar Domains hier lokal laufen. Funktionieren alle.

Dachte, es gäbe etwas zu beachten. Redaxo ändert ja auch Farbnamen in Templates einfach so.
pelz
 
Beiträge: 48
Registriert: 18. Feb 2011, 12:56

Re: JavaScript im Template einbinden

Beitragvon Richard.Laing » 1. Apr 2011, 10:52

Redaxo ändert ja auch Farbnamen in Templates einfach so.

?? wie einfach so...?
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Re: JavaScript im Template einbinden

Beitragvon pelz » 1. Apr 2011, 10:59

Richard.Laing hat geschrieben:
Redaxo ändert ja auch Farbnamen in Templates einfach so.

?? wie einfach so...?


Hier wird aus "black" einfach mal eben ein "white" gemacht. Farbnamen scheinen böse zu sein.

Farbcodes a la "#081500" werden in rgb(blablub) übersetzt.

Befremdlich.

Ich soll ein bestehendes Typo-3 Template nach Redaxo umwandeln. Da ist es halt etwas anstrengend, wenn man schon am Script einbinden scheitert oder bei Teständerungen im Template durch Ersetzungen zurückgeworfen wird.

Weiße Navigation auf weißem Hintergrund ist nämlich schwer zu sehen. ;)

Nun ja... Firebug sagt mir auf jeden Fall, dass die Skripte nicht geladen werden. Der Quelltext sagt mir, dass die Pfade stimmen.
pelz
 
Beiträge: 48
Registriert: 18. Feb 2011, 12:56

Re: JavaScript im Template einbinden

Beitragvon Richard.Laing » 1. Apr 2011, 11:03

poste doch mal bitte den template code.
oder auch per pn
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Re: JavaScript im Template einbinden

Beitragvon pelz » 1. Apr 2011, 11:13

Code: Alles auswählen
<?php

// ------ DESCRIPTION/KEYWORDS
$OOStartArticle = OOArticle::getArticleById($REX['START_ARTICLE_ID'], $REX['CUR_CLANG']);
$meta_beschreibung = $OOStartArticle->getValue("art_description");
$meta_suchbegriffe = $OOStartArticle->getValue("art_keywords");

if($this->getValue("art_description") != "")
{
   $meta_beschreibung = $this->getValue("art_description");
}

if($this->getValue("art_keywords") != "")
{
   $meta_suchbegriffe = $this->getValue("art_keywords");
}

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><?php print $REX['SERVERNAME'].' | '.$this->getValue("name"); ?></title>
<!-- TODO hier die meta-tags richtig gestalten -->
<!-- Erste Versuche: -->
<meta name="keywords" content="<?php print htmlspecialchars($meta_suchbegriffe); ?>" />
<meta name="description" content="<?php print htmlspecialchars($meta_beschreibung); ?>" />
<!-- Erste Versuche: Ende -->
<meta name="verify-v1"
   content="gmqjVYI0X1ah0D9gCuy4v1zZCf3BR41g444rVGMHqVQ=" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="Content-Language" content="de">
<meta name="language" content="German, de, deutsch">

<!-- STYLESHEETS EINBINDEN -->
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/livethumb.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/my_layout.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/typo_css.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/ypslideoutmenus.css" media="screen" />


<!-- JAVASCRIPT EINBINDEN -->
<!-- <script type="text/javascript" src="./files/ypSlideOutMenus.js"></script> -->
<script type="text/javascript" src="files/livethumb.js"></script>
<script type="text/javascript"
              src="<?php echo $REX['HTDOCS_PATH'] ?>files/addons/be_style/plugins/jquery_ui/jquery-ui-1.8.10.custom.min.js"></script>
<script type="text/javascript"
              src="<?php echo $REX['HTDOCS_PATH'] ?>files/addons/be_style/plugins/jquery_ui/ypSlideOutMenus.js"></script>
             
<!-- TESTWEISE -->
<script type="text/javascript"
              src="files/ypSlideOutMenus.js"></script>
<script type="text/javascript"
              src="<?php echo $REX['HTDOCS_PATH'] ?>files/livethumb.js"></script>

     [..]         


Die verschiedenen Pfade mal mit "./" mal ohne, kommen daher, weil ich die ganze Zeit herumprobiere wie ein Vollpfosten. :lol:
Ach so... Die sieht man ja nur im erstellten Quelltext.
pelz
 
Beiträge: 48
Registriert: 18. Feb 2011, 12:56

Re: JavaScript im Template einbinden

Beitragvon Richard.Laing » 1. Apr 2011, 11:18

hi leg mal bitte die

Code: Alles auswählen
<base href="" />

an auf localhost/...
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Re: JavaScript im Template einbinden

Beitragvon pelz » 1. Apr 2011, 11:28

<base href="http://localhost/~pelz/XYZ/redaxo/" />

Hat nichts gebracht.

Das JavaScript unter files/addons/be... wird im übrigen anstandslos geladen.
pelz
 
Beiträge: 48
Registriert: 18. Feb 2011, 12:56

Re: JavaScript im Template einbinden

Beitragvon Richard.Laing » 1. Apr 2011, 11:36

<base href="http://localhost/~pelz/XYZ/redaxo/" />

du hast einen ordner redaxo und darin liegt dann files redaxo usw...
richtig?
wenn ja muss ich hier erst mal passen, dann müßte ich das online sehen .
wenn nein nimm mal das redaxo in der base wech.
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Re: JavaScript im Template einbinden

Beitragvon pelz » 1. Apr 2011, 11:44

Richtig, da ich nicht wusste, dass Redaxo einen Ordner "redaxo" anlegt, habe ich in den Ordner redaxo installiert.

Daher gibt es redaxo/redaxo ;)

Ich werde wohl am WE drüber meditieren müssen. Leider wirft mich ständig sowas in der Arbeit zurück. Die Arbeit an einem AddOn habe ich wegen sowas ja schon nach ganz hinten verschoben.
pelz
 
Beiträge: 48
Registriert: 18. Feb 2011, 12:56

Re: JavaScript im Template einbinden

Beitragvon jeandeluxe » 1. Apr 2011, 12:02

pelz hat geschrieben:Ich werde wohl am WE drüber meditieren müssen.

Am besten über ner installierten Redaxo Demo.. wo was gelagert ist solltes du schon vorab erstmal überblickt haben, bevor du dich an ne t3 Migration machst.

pelz hat geschrieben:<base href="http://localhost/~pelz/XYZ/redaxo/" />

Finster.. oder zumindest problematisch. Warum richtest du keine vhosts ein?
httpd.conf vhost Beispiel:
Code: Alles auswählen
<VirtualHost *:80>
DocumentRoot /Pfad/zu/rex432.loc     ## (rex432.loc/ -> Redaxo-Installationsordner)
ServerName rex432.loc
</VirtualHost>


Und dann noch ein

Code: Alles auswählen
127.0.0.1 rex432.loc


in deine Hosts Datei..

lg,
Jan
RexSEO Support Checklist | Redaxo API Docu | rexdev.de | "You start with some money.."
mark your solved threads [SOLVED]™ promotion tour..
Benutzeravatar
jeandeluxe
 
Beiträge: 1941
Registriert: 29. Sep 2005, 09:50
Wohnort: Hamburg

Re: JavaScript im Template einbinden

Beitragvon pelz » 1. Apr 2011, 12:29

jeandeluxe hat geschrieben:
pelz hat geschrieben:Ich werde wohl am WE drüber meditieren müssen.

Am besten über ner installierten Redaxo Demo.. wo was gelagert ist solltes du schon vorab erstmal überblickt haben, bevor du dich an ne t3 Migration machst.


*räusper* - Usenetton? ;)

Ich habe die Demo installiert.

Ich habe die Files korrekt abgelegt. Die dort abgelegten CSS-Dateien werden wunschgemäß eingebunden.

Ob typo 3 oder nicht, spielt keine große Rolle, da ich anhand des generierten Quellcodes das Template erstelle.

Ich habe die JavaScript-Dateien und den Quellcode. Daran versuche ich das Templat zu erstellen.


pelz hat geschrieben:<base href="http://localhost/~pelz/XYZ/redaxo/" />

Finster.. oder zumindest problematisch. Warum richtest du keine vhosts ein?
httpd.conf vhost Beispiel:
Code: Alles auswählen
<VirtualHost *:80>
DocumentRoot /Pfad/zu/rex432.loc     ## (rex432.loc/ -> Redaxo-Installationsordner)
ServerName rex432.loc
</VirtualHost>


Ich habe keine vhosts erstellt, weil ich das nicht für nötig hielt und halte.
Ich halte selbst diese <base> für überflüssig, da ja die CSS-Dateien ordentlich auch ohne geladen werden.

Und dann noch ein

Code: Alles auswählen
127.0.0.1 rex432.loc


in deine Hosts Datei..

lg,
Jan


Ich glaube, das ist Frickelei, die nicht wirklich zum Ziel führt. Was mache ich denn dann auf dem Endserver? ;-)

LG wolle
pelz
 
Beiträge: 48
Registriert: 18. Feb 2011, 12:56

Nächste

Zurück zu Templates/Navigationen [R4]

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast