[gelöst]Jquery in Block ausgeben
Eingetragen von semih76 (22)am 17.09.2010 - 16:27 Uhr in
Hallo zusammen.
Ich habe mal für dieses Problem einen neuen Thread eröffnet. TrotzcStundenlangem Googlen und vielen versuchen habe ich es nicht hinbekommen.
Ich würde gerne die mit jquery eingebundene Slideshow in einem Block ausgeben. Dank Hilfe aus dem Forum wird die Slideshow jetzt zumindest schon mal auf der Seite http://www.smartmedia-group.com/cms angezeigt.
Lösungsansatz war im Block über php den slider zu holen bzw. mit DIV Class. Kann jemand weiterhelfen ?
Danke und Gruss,
Semih
- Anmelden oder Registrieren um Kommentare zu schreiben
Kopiere den Code, der die
am 18.09.2010 - 11:06 Uhr
Kopiere den Code, der die Slideshow erstellt, in einen Block, und gib diesen aus. Wenn Du mehr Kontrolle über die Position und den umgebenden Code möchtest, kannst du in der theme.info eine Region definieren, und diese in die page.tpl.php einfügen:
<?php if (!empty($deineRegion)): ?><div>
<?php print $deineRegion; ?>
</div>
<?php endif; ?>
Vorher musst Du den Block in der Block-Verwaltung dieser Region zuweisen.
Außerdem kannst Du das Erscheinungsbild des Blocks mit der block.tpl.php beeinflussen. Zitat Drupal API:
block-[region|[module|-delta]].tpl.php
base template: block.tpl.php
Suggestions made based on these factors in this order:
block-module-delta.tpl.php
block-module.tpl.php
block-region.tpl.php
"module" being the name of the module and "delta", the internal id assigned to the block by the module. For example, "block-user-1.tpl.php" would be used for the default user navigation block since it was created by the user module with the id of 1. "region" will take effect for specific regions.
Ich blicke da immer
am 19.09.2010 - 06:49 Uhr
noch nicht so richtig durch.
Hallo Idle,
erstmal vielen Dank für Deine Antwort und Deine Mühe. Seit gestern bin ich damit beschäftigt Deine Tips irgendwie umzusetzen. Was habe ich gemacht ?
Also:
1. In der Theme.info habe ich eine Region mit dem Namen s3Slider angelegt. Und so sieht meine Theme.info aus:
regions[header] = header
regions[S3slider] = S3slider
regions[left] = left sidebar
regions[right] = right sidebar
regions[content] = Content
regions[news1] = Footer News 1
regions[news2] = Footer News 2
regions[news3] = Footer News 3
regions[news4] = Footer News 4
regions[footer_menu] = Footer menu
regions[copyright] = Copyright
stylesheets[all][] = css/reset.css
stylesheets[all][] = css/s3Slider.css
stylesheets[all][] = css/grid.css
stylesheets[all][] = css/typography.css
stylesheets[print][] = css/print.css
scripts[] = js/jquery.cycle.all.js
scripts[] = js/s3Slider.js
scripts[] = js/custom.js
2. Habe ich die page.tpl.php wie folgt angepasst:
<!-- // S3slider --><?php if ($s3Slider): ?>
<div id="s3Slider">
<ul id="s3SliderContent">
<li class="s3Slider">
<a href=""><img src="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/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="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/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="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/images/3.jpg" alt="3" />
<span class="right"><strong>Title text 3</strong><br />Content text...</span></li>
<li class="s3SliderImage">
<img src="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/images/4.jpg" alt="4" />
<span class="left"><strong>Title text 4</strong><br />Content text...</span></li>
<li class="s3SliderImage">
<img src="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/images/5.jpg" alt="5" />
<span class="right"><strong>Title text 5</strong><br />Content text...</span></li>
<div class="clear s3SliderImage"></div>
</ul>
<?php print $s3Slider; ?>
</div>
<?php endif; ?>
<!-- End s3Slider -->
Was den Block angeht habe ich verschiedenes versucht aber auch hier den Code nicht gefunden.
Und dann habe ich da noch eine Frage. Die modifizierung der block.tpl.php ist rein optional, oder ?
Vielen Dank nochmal und liebe Grüße,
Semih
Block hinzufügen
am 19.09.2010 - 08:39 Uhr
Die modifizierung der block.tpl.php ist rein optional, oder ?
Ja
Du sollst unter Strukturierung->Blöcke->Block hinzufügen einen neuen Block erstellen,
deinen Slidecode dort eingeben, als Eingabeformat php wählen und dann den Block in deine Region schieben
Hallo Sepp
am 19.09.2010 - 09:15 Uhr
Also den Block habe ich natürlich auch angelegt und der entsprechenden Region zugeordnet. Sorry den Punkt hatte ich vergessen zu erwähnen. Mein Problem ist der Code. Wie genau muss der aussehen ? Ich habe schon diverse versucht. Was verstehst du unter dem slidecode ? Woraus besteht der ?
Wäre Klasse wenn du mir weiterhilfst.
Beste Grüße,
Semih.
Genau das
am 19.09.2010 - 09:55 Uhr
2. Habe ich die page.tpl.php wie folgt angepasst:
muss in den Block: (ist ja dein Slider-Code)
<?php
<div id="s3Slider">
<ul id="s3SliderContent">
<li class="s3Slider">
<a href=""><img src="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/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="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/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="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/images/3.jpg" alt="3" />
<span class="right"><strong>Title text 3</strong><br />Content text...</span></li>
<li class="s3SliderImage">
<img src="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/images/4.jpg" alt="4" />
<span class="left"><strong>Title text 4</strong><br />Content text...</span></li>
<li class="s3SliderImage">
<img src="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/images/5.jpg" alt="5" />
<span class="right"><strong>Title text 5</strong><br />Content text...</span></li>
<div class="clear s3SliderImage"></div>
</ul>
</div>
?>
PS: Eingabeformat full-html reicht (hast ja kein php im Code)
Die Probleme fangen bei
am 19.09.2010 - 10:03 Uhr
Die Probleme fangen bei Deinem unsauberen Code an: die Region nennst Du
S3slider. Und wonach lässt Du PHP suchen?Ich bin jetzt mal pädagogisch, und lass Dich die Lösung selbst finden ... ;)
Das hier: <?php<div
am 19.09.2010 - 10:05 Uhr
Das hier:
<?php
<div id="s3Slider">
muss bestimmt nirgendwo hin ...
Also ich überlege
am 19.09.2010 - 14:31 Uhr
jetzt schon die ganze Zeit was du damit meinst. Kamele am Bahnhof. Schwimmbad im Meer ? ;-)
Den Code habe ich jetzt in den Block kopiert. Ist nur schwer wenn man es nicht weiß. Aber die letzten zwei Kommentare stiften irgendwie noch mehr Chaos in meinem Kopd. Ich bin wohl zu blöd.
Please help ;-)
Danke und Gruss,
Semih
Hallo Semih..
am 19.09.2010 - 14:41 Uhr
... erstmal das Grundlegende:
Du hast eine Region "S3slider", nur wird da nix angezeigt.
Verschiebe doch mal einen anderen Block in diese Region und guck mal ob was angezeigt wird (evtl. auch im Quelltext gucken !)
Wenn deine Region funktioniert dann sollstest du deinen S3slider-Block auch sehen (ich verweise auf oben)
Hallo Sepp,
am 19.09.2010 - 15:02 Uhr
Du hast recht, die Region funktionert nicht, egal was ich dort anzeigen will es wird nichts angezeigt. Aber ich frage mich jetzt natürlich. Warum ?
Ich verstehe es einfach nicht. Die Region heißt S3slider. Sowohl in der conch.info als auch in der page.tpl.php. Wo ist der Haken ?
Danke und Gruss,
Semih
Cache geleert ? und achte mal
am 19.09.2010 - 15:11 Uhr
Cache geleert ?
und achte mal auf Gross-und Kleinschreibung in deiner page.tpl.php
Region "S3slider" -> Variable "$s3Slider"
schreib am besten alles klein !
Hallo Sepp, Dein Hinweis war gut...
am 19.09.2010 - 15:31 Uhr
und deshalb habe ich jetzt alles in s3slider bzw. in $s3slider umgeschrieben. Allerdings keine Veränderung. Ich poste nochmal den code wegen dem Wald und den Bäumen :-)
<!-- // s3slider --><?php if ($s3slider): ?>
<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<a href=""><img src="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/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="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/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="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/images/3.jpg" alt="3" />
<span class="right"><strong>Title text 3</strong><br />Content text...</span></li>
<li class="s3sliderImage">
<img src="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/images/4.jpg" alt="4" />
<span class="left"><strong>Title text 4</strong><br />Content text...</span></li>
<li class="s3sliderImage">
<img src="http://www.smartmedia-group.com/cms/themes/conch_0.1.4/conch/images/5.jpg" alt="5" />
<span class="right"><strong>Title text 5</strong><br />Content text...</span></li>
<div class="clear s3sliderImage"></div>
</ul>
<?php print $s3slider; ?>
</div>
<?php endif; ?>
<!-- End s3slider -->
Und das ist die conch:
; $Id: conch.info,v 0.1.3 2009/10/02 23:27:32 symphonythemes Exp $
name = Conch
description = Tableless, recolorable, multi-column, fluid width theme (default).
version = VERSION
core = 6.x
engine = phptemplate
regions[header] = header
regions[S3slider] = s3slider
regions[left] = left sidebar
regions[right] = right sidebar
regions[content] = Content
regions[news1] = Footer News 1
regions[news2] = Footer News 2
regions[news3] = Footer News 3
regions[news4] = Footer News 4
regions[footer_menu] = Footer menu
regions[copyright] = Copyright
stylesheets[all][] = css/reset.css
stylesheets[all][] = css/s3Slider.css
stylesheets[all][] = css/grid.css
stylesheets[all][] = css/typography.css
stylesheets[print][] = css/print.css
scripts[] = js/jquery.cycle.all.js
scripts[] = js/s3Slider.js
scripts[] = js/custom.js
Gruss,
Semih
Nicht ganz ...
am 19.09.2010 - 16:22 Uhr
<?php
regions[S3slider] = s3slider
?>
muss so:
<?php
regions[s3slider] = s3slider
?>
was in der eckigen Klammer steht wird deine Variable !
und
<?php<!-- // s3slider -->
if ($s3slider) {
print $s3slider;
}
<!-- End s3slider -->
?>
muß reichen, denn in $s3slider steht ja dein Code vom Block !
sepp68 schrieb <?php
am 19.09.2010 - 19:11 Uhr
regions[S3slider] = s3slidermuss so:
regions[s3slider] = s3sliderHeyyyy ... ;)
Hey...
am 19.09.2010 - 19:11 Uhr
ist Dir der Unterschied gar nicht aufgefallen ??
sepp68 schrieb <?php
am 19.09.2010 - 19:16 Uhr
<?php
regions[S3slider] = s3slider
?>
Beachte bitte, dass
<?phpund?>nicht an diese Stelle gehören!Wenn Du hier im Forum Code darstellen willst, benutze den Code-Button. Der PHP-Button ist für PHP reserviert. In die theme.info kommt kein PHP. Einen Anfänger könnte das verwirren ...
Siehe auch meinen Hinweis hier.
sepp68 schrieb ist Dir der
am 19.09.2010 - 19:18 Uhr
ist Dir der Unterschied gar nicht aufgefallen ??
Er hätte es selbst finden sollen ... Für den AHA-Moment. So ist aber auch schön.
Ich denke er wird noch genug
am 19.09.2010 - 20:46 Uhr
Ich denke er wird noch genug AHA-Momente haben .. ;-)
Aha aha aha...
am 19.09.2010 - 21:49 Uhr
:-) Sorry hatte Besuch und konnte es mir nicht ansehen. Vielen Dank erst mal an alle die mich bis hierher unterstützt haben. Vor allem an Sepp und Idle. Die Bilder sind jetzt da und im Block bin ich auch. Jetzt frage ich mich natürlich warum die Slideshow nicht läuft.
Nochmal vielen vielen Dank.
Gruss, Semih
edit: Ich denke es liegt an der Template.php. Ich poste mal hier meine template:
<?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');
$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');
// Add s3slider.css file
drupal_add_css($theme_path . '/css/s3slider.css', 'theme');
The Best answer
am 20.09.2010 - 09:25 Uhr
Kopiere den Code, der die Slideshow erstellt, in einen Block, und gib diesen aus. Wenn Du mehr Kontrolle über die Position und den umgebenden Code möchtest, kannst du in der theme.info eine Region definieren, und diese in die page.tpl.php einfügen:
<?php if (!empty($deineRegion)): ?><div>
<?php print $deineRegion; ?>
</div>
<?php endif; ?>
Vorher musst Du den Block in der Block-Verwaltung dieser Region zuweisen.
Außerdem kannst Du das Erscheinungsbild des Blocks mit der block.tpl.php beeinflussen. Zitat Drupal API:
block-[region|[module|-delta]].tpl.php
base template: block.tpl.php
Suggestions made based on these factors in this order:
block-module-delta.tpl.php
The best answer
block-module.tpl.php
block-region.tpl.php
"module" being the name of the module and "delta", the internal id assigned to the block by the module. For example, "block-user-1.tpl.php" would be used for the default user navigation block since it was created by the user module with the id of 1. "region" will take effect for specific regions.
Danke...
am 20.09.2010 - 12:34 Uhr
Vielen Dank erstmal für Eure Hilfe. Der Slider wird nun im Block ausgegeben. Ich mache mich jetzt mal ans Block design, damit das ganze auch ordentlich aussieht.
Gruss, Semih