[gelöst]Probleme mit Jquery
am 16.09.2010 - 01:17 Uhr in
Ich bin Anfänger und habe mir gleich mal eine richtige Herausforderung gesucht.
Zunächst einmal was ich bis jetzt gemacht habe:
Installation DRUPAL Version 6.19 und Anlage sql Datenbank. LÄUFT SUPER !
Als nächstes habe ich mir folgendes Template heruntergeladen:
conch Theme
Das hat auch soweit gut funktioniert.
Danach wollte ich folgendes Jquery Plug-in installieren:
s3slider
und zwar Example 2
Jetzt zu meinem Problem:
ICH BLICKE ÜBERHAUPT NICHT DURCH.
Was ich weiss ist, dass Jquery in dieser DRUPAL Version bereits integriert ist. Das war es aber auch schon.
Mir fehlen hier wohl eindeutig Scripting Kenntnisse.
Würde mich freuen wenn jemand helfen würde. Ihr dürft mir auch gerne die entsprechenden Dateien schicken, mich würde jedoch vor allem der Lösungsweg interessieren.
VIELEN DANK schon jetzt für Eure Hilfe. ;-)
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo, so läuft das leider
am 16.09.2010 - 05:42 Uhr
Hallo,
so läuft das leider nicht. Beschränke dich auf vorhandene Lösungen http://drupalmodules.com/ oder konsultiere die technischen Dokumentationen und Bücher, um dich in die Entwicklung für Drupal einzuarbeiten.
Und bitte verwende nicht das Wort "Hilfe", wenn du nicht in Not bist. Und GROSSBUCHSTABEN sollten auch vermieden werden.
Hier http://www.serie3.info/s3slider/index.php findest du Code-Beispiele.
So habe ich mir das nicht vorgestellt.
am 16.09.2010 - 10:12 Uhr
Vorhandene Lösungen schön und gut. Diese Lösung ist die, die ich halt gerne für mein Projekt nutzen möchte.
Ich habe leider nicht die Zeit um vorher css, Javascript usw. zu studieren. Ich versuche mir immer den Teil zugänglich zu machen den ich tatsächlich für mein Projekt benötige.
Ich habe schon einen ganzen Tag in dieses Thema investiert. Viel versucht und rumgebastelt, aber für mich scheint das eine unerreichbare Sache zu werden. Ich habe gegoogelt, Videotutorials angesehen und und und. Leider finde ich keine ausreichende Dokumentation die mein Problem behandelt.
Vielleicht findet sich ja doch jemand der mir helfen kann ???
Gruss, Semih
So kann das auch nichts
am 16.09.2010 - 11:07 Uhr
So kann das auch nichts werden. Du brauchst erst mal Basiskenntnisse in HTML und wie der Code einer Seite in Drupal aussieht bzw wie das geändert werden kann. jQuery kommt erst danach. Ob es Dir gefällt oder nicht, aber ohne Einarbeitung -- die braucht halt ihre Zeit -- wirst Du nicht weiterkommen. So wirst Du immer auf die Hilfestellung anderer angewiesen bleiben und ich habe bei so einer Grundhaltung dann keine Lust zu helfen.
Beste Grüße
Werner
semih76 schrieb Ich habe
am 16.09.2010 - 12:36 Uhr
Ich habe leider nicht die Zeit um vorher css, Javascript usw. zu studieren. Ich versuche mir immer den Teil zugänglich zu machen den ich tatsächlich für mein Projekt benötige.
Beide Sätze widersprechen sich. Bzw. du musst dich entscheiden was davon schwerer wiegt, deine Unlust oder die Notwendigkeit dich in das was du brauchst (HTML, CSS, JQuery) einzuarbeiten.
Okay Okay, weiter geht´s.
am 16.09.2010 - 13:54 Uhr
Ich habe verstanden. Ich habe mittlerweile alles angepasst. Es ist ja nicht so als wenn ich gar keine Ahnung hätte. Eine Frage bleibt jedoch offen:
Ich frage mich in welche datei ich die initialisierung des scriptes vornehme. Es handelt sich um die folgenden Zeilen:
$(document).ready(function() {
$('#slider1').s3Slider({
timeOut: 4000
});
});
Danke und Gruß, Semih
edit: Ich habe mittlerweile raus das dieser code in die template.php gehört. Aber irgendwie gibt es ein Problem mit der Schreibweise.
Du kannst mit
am 16.09.2010 - 15:49 Uhr
Du kannst mit http://api.drupal.org/api/function/drupal_add_js/6 JS-Dateien einbinden in deiner template.php.
Danke für die Mühe, aber...
am 16.09.2010 - 16:20 Uhr
das brachte leider keinen Erfolg. Das Fenster bleibt schwarz. Ich poste mal den Code vielleicht weiss ja jemand den Fehler. Für bessere Analyse zusätzlich hier mal die Web-Adresse: www.smartmedia-group.com/cms
<?php
// Initialize Theme Settings
global $theme_key, $theme_path;
if (is_null(theme_get_setting('color'))) {
$defaults = array(
'color' => 'default',
'font_family' => 'Arial, Helvetica, sans-serif',
'font_size' => '0.9',
'menu_style' => 0,
'show_logo_footer' => 1,
'show_breadcrumb' => 0,
);
variable_set(
str_replace('/', '_', 'theme_'. $theme_key .'_settings'),
array_merge($defaults, theme_get_settings($theme_key))
);
theme_get_setting('', TRUE);
}
// Javascript Includes
drupal_add_js($theme_path . '/js/s3Slider.js', 'theme');
drupal_add_css($theme_path . '/css/s3Slider.css', 'theme');
$menu_style = theme_get_setting('menu_style');
if ($menu_style == 0) {
drupal_add_js($theme_path . '/menu/cssmenu/cssmenu.js', 'theme');
drupal_add_css($theme_path . '/menu/cssmenu/cssmenu.css', 'theme');
}
elseif ($menu_style == 1){
drupal_add_js($theme_path . '/menu/splitmenu/splitmenu.js', 'theme');
drupal_add_css($theme_path . '/menu/splitmenu/splitmenu.css', 'theme');
}
else {
drupal_add_js($theme_path . '/menu/stmenu/stmenu.js', 'theme');
drupal_add_css($theme_path . '/menu/stmenu/stmenu.css', 'theme');
}
// CSS Includes
$color = theme_get_setting('color');
drupal_add_css($theme_path . '/css/'.$color.'-style.css', 'theme');
// Add custom.css file
drupal_add_css($theme_path . '/css/custom.css', 'theme');
Dank nochmal an Tobias.
Gruss, Semih
Wenn Du Dir die Mühe gemacht
am 16.09.2010 - 20:14 Uhr
Wenn Du Dir die Mühe gemacht hättest, die HTML-Struktur Deiner Webseite mit der eines Beispiels zu vergleichen und dann noch mal auf den die jQuery Code zu schauen
<script type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 3000
});
});
</script>
dann dann solltest Du dich auch gefragt haben, wo denn die ID slider geblieben ist.
Beste Grüße
Werner
Hallo Werner, ich habe die
am 16.09.2010 - 20:23 Uhr
Hallo Werner,
ich habe die variable getauscht. bei mir heißt sie nicht #slider sonder #s3Slider. Wie auch immer. Habe jetzt gesehen das die bildinfos in die page.tpl.php müssen. Ich Dummkopf habe sie direkt in den Block geschrieben.
Ich denke das JS kommt auch darein, oder ? Korriegiere mich gerne wenn ich flasch liege.
Gruss, Semih.
Dein Problem ist das fehlende
am 16.09.2010 - 20:31 Uhr
Dein Problem ist das fehlende Div mit der ID slider eine Ebene oberhalb von
<ul class="s3SliderContent">
. Du hast schlicht die von der jQuery Funktion erwartete Struktur nicht bereit gestell und hast nicht mal nachvollzogen, wie ich darauf gekommen bin.Beste Grüße
Werner
DIV ID ist jetzt drin...
am 16.09.2010 - 20:47 Uhr
Allerdings macht die function jetzt ärger.
siehe hier im page.tpl.php...
<?php
// $Id: page.tpl.php,v 0.1.2 2009/10/02 22:22:32 symphonythemes Exp $
?>
<!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="<?php print $language->language ?>" lang="<?php print $language->language ?>" dir="<?php print $language->dir ?>">
<head>
<?php print $head; ?>
<title><?php print $head_title; ?></title>
<?php print $styles; ?>
<?php print $scripts; ?>
$(document).ready(function() {
$('#s3Slider').s3Slider({
timeOut: 4000
});
});
<!--[if IE]>
<link rel="stylesheet" href="<?php print $base_path.$directory; ?>/css/ie.css" type="text/css" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" href="<?php print $base_path.$directory; ?>/css/ie6.css" type="text/css" />
<script type="text/javascript" src="<?php print $base_path.$directory; ?>/js/s3Slider.js"></script>
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="<?php print $base_path.$directory; ?>/css/ie7.css" type="text/css" />
<![endif]-->
</head>
<div id="s3Slider">
<ul id="s3SliderContent">
<li class="s3SliderImage">
<a href=""><img src="images/1.jpg" alt="1" /></a>
<span class="left"><strong>Title text 1</strong><br />Content text...</span></li>
<li class="s3SliderImage">
<a href=""><img src="images/2.jpg" alt="2" /></a>
<span class="right"><strong>Title text 2</strong><br />Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...</span></li>
<li class="s3SliderImage">
<img src="images/3.jpg" alt="3" />
<span class="right"><strong>Title text 2</strong><br />Content text...</span></li>
<li class="s3SliderImage">
<img src="images/4.jpg" alt="4" />
<span class="left"><strong>Title text 2</strong><br />Content text...</span></li>
<li class="s3SliderImage">
<img src="images/5.jpg" alt="5" />
<span class="right"><strong>Title text 2</strong><br />Content text...</span></li>
<div class="clear s3SliderImage"></div>
</ul>
</div>
<!-- // slider -->
Gruss, Semih
Nachdem Du die Webseite jetzt
am 16.09.2010 - 21:19 Uhr
Nachdem Du die Webseite jetzt geändert hast kann ich es eben nicht mehr beweisen aber: egal was Du in der page.tpl.php zeigst, in der Ausgabe der Webseite, die ich mir mit "View Source" im Browser angesehen habe, war die Struktur nicht korrekt, aber ich verabschiede mich dann aus diesem Thread.
Beste Grüße
Werner
Warum so aggressiv ?
am 16.09.2010 - 22:24 Uhr
Hallo Werner,
ich habe doch gar nicht bestritten dass Du recht gehabt hast. Und das die Struktur nicht 100 %tig ist, kann man das mir als Neuling vorwerfen ? Ich habe doch gepostet dass ich den html code in den Block geschrieben habe. Was natürlich falsch ist. Ausserdem muss die $Document Function wohl in die custom.js - auch das habe ich mittlerweile herausgefunden.
Ich frage mich echt was hier los ist. Ich bin generell freundlich und verstehe nicht warum Du so agressiv bist ? Anfänger haben es halt nunmal schwerer.
Würde mich freuen wenn du mir hilfst. Wenn Du auf die Seite http://smartmedia-group.com/cms gehst siehst du mein aktuelles Problem. Zum einen vermute ich die css Einstellungen stimmen nicht und zum anderen scheint er die Bilder nicht zu holen.
Wenn Du oder jemand anderes Lust hat mir zu helfen - würde mich freuen.
Gruss, Semih
Mein Ärger kommt von Deiner
am 16.09.2010 - 23:02 Uhr
Mein Ärger kommt von Deiner Einstellung, daß Du Dich nur mit "Relevanten Teilen" Deines Problems befassen willst (s.o.) und keine Zeit zur Einarbeitung hast. Ich werfe Dir auch nicht vor das Du Neuling bist, wohl aber das Du das nicht ändern willst.
Zum Thema:
<div id="s3Slider">
<ul id="s3SliderContent">
<li class="s3SliderImage">
<a href=""><img src="images/1.jpg" alt="1" /></a>
<span class="left"><strong>Title text 1</strong><br />Content text...</span></li>
Du hast hier bei
<img src="images/1.jpg"
eine relative Pfadangabe bezogen auf die URL der Webseite (HTML Grundkenntnisse). Danach müßte das image-Verzeichnis im Drupal-Hauptverzeichnis liegen, was es vermutlich nicht tut. Du kannst, wenn Du einen Image-Pfad selbst zusammenbaust, nicht die Drupal-Verkürzungen nehmen, sondern mußt den kompletten Pfad ab dem Drupal-Hauptverzeichnis eintragen.Beste Grüße
Werner
Ich verstehe Deinen Standpunkt...
am 16.09.2010 - 23:28 Uhr
ich habe es auch nicht so gemeint, sondern es war eher auf dieses eine aber bestimmt nicht letzte Projekt bezogen. Ich werde mich noch weitgehender (zwangsweise) mit dem ganzen Thema beschäftigen müssen.
Vielen Dank ! Du hattest natürlich recht. Auf die Idee mit den Pfaden hätte ich tatsächlich selber kommen können.
Jetzt muss ich das ganze nur noch in den Slider bekommen. Wenn Du mir da noch helfen kannst wäre das super.
Gruss, Semih