Re: [TYPO3-german] Zufällig generiertes Hintergrundbild

[Kristina Drömmer]

Vielen Dank!

Mache sowas nicht alltäglich und hatte schon stundenlang gegoogelt :S Jetzt 
klappt alles, danke!
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Zufällig generiertes Hintergrundbild

[Stephan Schuler]

Hallo Kristina.


Zunächst: Egal was du treibst, du solltest die passenden Werkzeuge dazu haben 
und auch verwenden.

Wenn JavaScript-Code Fehler produziert, dann musst du die sehen können, und 
auch näher betrachten. Verwende dazu Chrome mit offener Debug-Console oder den 
Firefox mit Firebug. In beiden Browsern geht dann mit F12 die Debughilfe auf. 
Da siehst du dann, ob JavaScript Fehler wirft weil du dich zum Beispiel 
vertippt hast. Oder ob du Dateien anfragst die auf dem Server nicht liegen und 
deshalb mit einem "404 - Page Not Found" zurück kommen.

Egal in welcher Sprache du unterwegs bist, du solltest grundsätzlich eine IDE 
verwenden die dich dabei unterstützt. Syntaxfehler müssen prominent dargestellt 
werden, sprachspezifisches Highlighting der Tokens hilft auch, und für 
Schreibfehler darf das Ding gerne eine Rechtschreibkorrektur für englische 
Wörter mitbringen. Ich verwende PhpStorm, das kann JavaScript, CSS und PHP 
nativ und mit einem passenden Plugin auch TypoScript. Und sobald ein Wort 
unterringelt ist oder ein rotes oder gelbes Icon am Seitenrand erscheint 
braucht den Server gar nicht erst bemühen.

Die Lösung per JavaScript finde ich gut, alle anderen Wege machen dir Caching 
kaputt.

Deine image.js-Datei enthält in der ersten Zeile "". Das ist 
falsch. JavaScript-Dateien dürfen nur den JavaScript-Quellcode enthalten, keine 
XML-Tags. Schon daran sehe ich dass du weder eine IDE mit JS-Unterstützung noch 
die Debuging-Console im Browser verwendest: Beide hätten dir diesen Fehler 
angezeigt.

Dein jQuery.css ist auch falsch. Ob dir das der Browser anzeigt oder nicht kann 
ich gerade nicht sagen, ich bin mir nicht sicher, ob jQuery ungültige CSS-Keys 
einfach schluckt oder mit einer Exception bemängelt. Auf jeden Fall heißt die 
CSS-Property "background-image", nicht "background-image:". Der Doppelpunkt da 
ist falsch.

Hast du sichergestellt dass jQuery vor deinem image.js eingebunden wird? Und 
dass jQuery überhaupt da ist? Dein TypoScript enthält ja nur deine image.js.

Ich würde übrigens im TypoScript die Date "image.js" nicht mit dem Key "bg" 
einbinden. Um mal im Spieltrieb Dinge zu testen geht das sicher, aber ich würde 
sowohl als Dateiname als auch als TypoScript-Key den gleichen, deutlich 
sprechenden Namen verwenden. "randomBackgroundImage" zum Beispiel.

Und zuletzt könnte dein #bg1 auch einfach entweder nicht das richtige DOM-Node 
treffen oder von anderem CSS übermalt werden.
<div id="bg1"><div id="bg2"></div></div>
Ich kann dem bg1 noch so viele Hintergrundbilder geben, wenn das bg2 einen 
einfarbigen, nicht-transparenten Hintergrund hat kann bg1 nicht durch scheinen.

Kurz, so mit einem halben Quellcodefragment kann der Fehler eigentlich überall 
liegen.


Gruß,


Stephan Schuler
Web-Entwickler

Telefon: +49 (911) 539909 - 0
E-Mail: stephan.schu...@netlogix.de
Website: media.netlogix.de





E-Mail-Archivierung – Rechtssicher, wirtschaftlich, clever
Jetzt anmelden zum kostenlosen Webinar am 29.07.:
<a  rel="nofollow" href="http://it-training.netlogix.de/angebote/webinare/mailstore">http://it-training.netlogix.de/angebote/webinare/mailstore</a>



--
netlogix GmbH & Co. KG
IT-Services | IT-Training | Media
Neuwieder Straße 10 | 90411 Nürnberg
Telefon: +49 (911) 539909 - 0 | Fax: +49 (911) 539909 - 99
E-Mail: i...@netlogix.de | Internet: <a  rel="nofollow" href="http://www.netlogix.de">http://www.netlogix.de</a>

netlogix GmbH & Co. KG ist eingetragen am Amtsgericht Nürnberg (HRA 13338)
Persönlich haftende Gesellschafterin: netlogix Verwaltungs GmbH (HRB 20634)
Umsatzsteuer-Identifikationsnummer: DE 233472254
Geschäftsführer: Stefan Buchta, Matthias Schmidt



-Ursprüngliche Nachricht-
Von: typo3-german-boun...@lists.typo3.org 
[<a  rel="nofollow" href="mailto:typo3-german-boun...@lists.typo3.org">mailto:typo3-german-boun...@lists.typo3.org</a>] Im Auftrag von Kristina Dr??mmer
Gesendet: Donnerstag, 17. Juli 2014 11:24
An: typo3-german@lists.typo3.org
Betreff: Re: [TYPO3-german] Zufällig generiertes Hintergrundbild

So, nochmal. Das ist mein Code in der Datei "image.js" :

<script type="text/javascript">

$(document).ready(function() {

var bg_array = ['1.png', '2.png', '3.png'];
var bg = bg_array[Math.floor(Math.random() * bg_array.length)];

var path = 'fileadmin/user_upload/images/background/';

$('#bg1').css('background-image:', 'url('+path+bg+')');

 });




Diese Datei binde ich so im Typoscript ein:
page.includeJS{
bg = fileadmin/templates/js/image.js
}


Und es passiert einfach nichts, wie kann das sein?
Ich brauche das sehr dringend :(

LG
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Zufällig generiertes Hintergrundbild

[Kristina Drömmer]

So, nochmal. Das ist mein Code in der Datei "image.js" :



$(document).ready(function() {

var bg_array = ['1.png', '2.png', '3.png'];
   var bg = bg_array[Math.floor(Math.random() * bg_array.length)];

   var path = 'fileadmin/user_upload/images/background/';

   $('#bg1').css('background-image:', 'url('+path+bg+')');

});




Diese Datei binde ich so im Typoscript ein:
page.includeJS{
bg = fileadmin/templates/js/image.js
}


Und es passiert einfach nichts, wie kann das sein?
Ich brauche das sehr dringend :(

LG
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Zufällig generiertes Hintergrundbild

[David Gurk]

Wie wird denn "bgArray" geschrieben?

-Ursprüngliche Nachricht-
Von: typo3-german-boun...@lists.typo3.org 
[mailto:typo3-german-boun...@lists.typo3.org] Im Auftrag von Kristina Dr??mmer
Gesendet: Mittwoch, 16. Juli 2014 16:27
An: typo3-german@lists.typo3.org
Betreff: Re: [TYPO3-german] Zufällig generiertes Hintergrundbild

Habe schon mit Javascript veruscht, habe folgenden Code in eine js-Datei 
gepackt und sie per Typoscript im header eingebunden: 


$(document).ready(function() {

var bg = bgArray[Math.floor(Math.random() * bgArray.length)];

var path = 'fileadmin/user_upload/images/background/';

$('#bg1').css('background', path+bg);

}); 
 

Stimmt etwas am Code nicht?

LG
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Zufällig generiertes Hintergrundbild

[Kristina Drömmer]

Habe schon mit Javascript veruscht, habe folgenden Code in eine js-Datei gepackt und sie per Typoscript im header eingebunden: 



$(document).ready(function() {

   var bg = bgArray[Math.floor(Math.random() * bgArray.length)];

   var path = 'fileadmin/user_upload/images/background/';

   $('#bg1').css('background', path+bg);