Schneefall - Wie kann ich JS in Drupal einfügen?
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
all
anzeigen
array
blocken
code
file
format
funktionieren
http
markup
output
page
schneefall
schneeflocke
see
slogan
string
tag
url
webseite
-
Htag/all">allo Community,
ich würde gerne ein Script in meine Drupal-Seite einfügen, um dort ein paar Schneeflocken fallen zu lassen. Das Script findet ihr auf der Webseite http://web-toolbox.net/webtoolbox/dhtml/schneefall/schneefall-bg.htm.
Wie kann ich also nun den JavaScript-Code in meine Webseite einfügen?
Danke schon im Vorraus!
VG
Gentleman1 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Am einfachsten dürfte es sein, wenn du den JS-Code in das von dir verwendete Template/Theme einfügst.
mfg
Beitrag zuletzt geändert: 8.12.2011 21:39:01 von syberpsace -
syberpsace schrieb:
Am einfachsten dürfte es sein, wenn du den JS-Code in das von dir verwendete Template/Theme einfügst.
Wenn man php kann.
Und ich glaube das kann er nicht.
Somit ist es besser, du erstellst einen Block mit HTML-Format und lässt diesen überall anzeigen.
Wenn du es hin bekommst wäre es aber besser, wenn du die entsprechende page.tpl-Datei anpasst. -
jacr schrieb:
Somit ist es besser, du erstellst einen Block mit HTML-Format und lässt diesen überall anzeigen.
Das wird bei den meisten Schnee-Scripten nicht funktionieren.. Entweder wird es das Design zerschießen oder es schneit nur innerhalb eines Teilbereiches.
Die direkte Bearbeitung des Templates ist der sichere Weg.
FF
-
Und wo muss ich das einfügen? Der komplette Code meiner html.tpl.php sieht folgendermaßen aus:
<?php /** * @file * Default theme implementation to display the basic html structure of a single * Drupal page. * * Variables: * - $css: An array of CSS files for the current page. * - $language: (object) The language the site is being displayed in. * $language->language contains its textual representation. * $language->dir contains the language direction. It will either be 'ltr' or 'rtl'. * - $rdf_namespaces: All the RDF namespace prefixes used in the HTML document. * - $grddl_profile: A GRDDL profile allowing agents to extract the RDF data. * - $head_title: A modified version of the page title, for use in the TITLE * tag. * - $head_title_array: (array) An associative array containing the string parts * that were used to generate the $head_title variable, already prepared to be * output as TITLE tag. The key/value pairs may contain one or more of the * following, depending on conditions: * - title: The title of the current page, if any. * - name: The name of the site. * - slogan: The slogan of the site, if any, and if there is no title. * - $head: Markup for the HEAD section (including meta tags, keyword tags, and * so on). * - $styles: Style tags necessary to import all CSS files for the page. * - $scripts: Script tags necessary to load the JavaScript files and settings * for the page. * - $page_top: Initial markup from any modules that have altered the * page. This variable should always be output first, before all other dynamic * content. * - $page: The rendered page content. * - $page_bottom: Final closing markup from any modules that have altered the * page. This variable should always be output last, after all other dynamic * content. * - $classes String of classes that can be used to style contextually through * CSS. * * @see template_preprocess() * @see template_preprocess_html() * @see template_process() */ ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" version="XHTML+RDFa 1.0" dir="<?php print $language->dir; ?>"<?php print $rdf_namespaces; ?>> <head profile="<?php print $grddl_profile; ?>"> <?php print $head; ?> <title><?php print $head_title; ?></title> <?php print $styles; ?> <?php print $scripts; ?> </head> <body class="<?php print $classes; ?>" <?php print $attributes;?>> <script type="text/javascript" language="JavaScript"> <!-- // finished on 11-10-1999 23:04 in Zagreb, Croatia. // modified on 06-12-2005 11:20 in Zagreb, Croatia. // // Copyright 1999,2005 Altan d.o.o. // http://www.altan.hr/snow/index.html // E-mail: snow@altan.hr // modifiziert W. Jansen // URL + Pfad für das Image var snowsrc="../../schnee.gif" // Anzahl der Images var no = 20; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up||ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/5; // set step variables sty[i] = 2 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://www.web-toolbox.net/\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>"); } } else if (ie4up||ns6up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://www.web-toolbox.net\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", 10); } function snowIE_NS6() { // IE and NS6 main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = ns6up?window.innerWidth : document.body.clientWidth; doc_height = ns6up?window.innerHeight : document.body.clientHeight; } dx[i] += stx[i]; if (ie4up){ document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } else if (ns6up){ document.getElementById("dot"+i).style.top=yp[i]; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]); } } setTimeout("snowIE_NS6()", 10); } if (ns4up) { snowNS(); } else if (ie4up||ns6up) { snowIE_NS6(); } //--> </script> <div id="skip-link"> <a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a> </div> <?php print $page_top; ?> <?php print $page; ?> <?php print $page_bottom; ?> </body> </html>
Da habe ich es ja eingefügt - das JavaScript!
Aber funktionierten tut es leider nicht - das Template ist immer noch wie vorher!
MfG
Gentleman1 -
Auf den ersten Blick würde ich sagen, es sollte funktionieren. Wenn der Pfad zur Schneeflockengraphik nicht stimmt, könnte das natürlich Probleme bereiten.
Kannst Du mal einen Link zur Seite geben, wo das Skript eingesetzt wird?
FF -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
