php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 05.08.2011, 11:28  
Benutzer
 
Registriert seit: 09.05.2011
Beiträge: 50
PHP-Kenntnisse:
Anfänger
Karottenkopf51 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard Fancybox Inline Content funktioniert nicht

Servus,

ich möchte Inline-Content wie bei dem ersten Eintrag von 'Various examples' auf http://fancybox.net/home darstellen.

Fancybox:
Code:
$(document).ready(function() {
		$(".fancy_gallery").fancybox({	'type' : 'image' });
		
		$(".fancy_inline").fancybox({
			'titlePosition'   : 'inside',
			'transitionIn'    : 'none',
			'transitionOut'   : 'none',
			'autoDimensions'  : 'true'
		});
	});
Mein Inline-Content:
Code:
<div style="display:none;">
				<div id="showInformationContent0"><?php echo $informationArray[0]['content'] ?></div>
				<div id="showInformationContent1"><?php echo $informationArray[1]['content'] ?></div>
</div>
Mein Link:
Code:
<a class="fancy_inline" href="#showInformationContent1" title="<?php echo $informationArray[1]['headline'] ?>">...</a>
CSS:
Code:
#showInformationContent0 {
	width:500px;
	height:500px;
	background-color:white;
	overflow:auto;
}

#showInformationContent1 {
	width:500px;
	height:500px;
	background-color:white;
	overflow:auto;
}
Jedoch öffnet sich Fancybox nicht. Was mache ich falsch? Wie man sieht habe ich die Inline-Elemente in einem übergeordneten Element, welchem ich display:none gegeben habe.

Ich weiß echt nicht weiter.

Gruß
Karottenkopf51 ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 05.08.2011, 12:18  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Karottenkopf51 Beitrag anzeigen
Jedoch öffnet sich Fancybox nicht. Was mache ich falsch?
Was antwortet dir die JS-Fehlerkonsole auf diese Frage?

Ansonsten, bitte Online-Beispiel (valides HTML, auf's Wesentliche reduziert).
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 05.08.2011, 14:04  
Benutzer
 
Registriert seit: 09.05.2011
Beiträge: 50
PHP-Kenntnisse:
Anfänger
Karottenkopf51 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

Code:
Uncaught exception: TypeError: '$("a.fancy_gallery").fancybox' is not a function

Error thrown at line 3, column 2 in <anonymous function>() in meineseite/?section=start:
    $("a.fancy_gallery").fancybox({	'type' : 'image' });
called from line 16, column 30910 in <anonymous function: resolveWith>(e, f) in meineseite/javascript/jquery-1.6.2.min.js:
    a.shift().apply(e,f)
called via Function.prototype.apply() from line 16, column 20868 in <anonymous function: ready>(a) in meineseite/javascript/jquery-1.6.2.min.js:
    A.resolveWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").unbind("ready")
called from line 16, column 29789 in <anonymous function: B>() in meineseite/javascript/jquery-1.6.2.min.js:
    c.removeEventListener("DOMContentLoaded",B,!1),e.ready()
Habe jQuery VOR FancyBox eingebunden.

Code:
<script type="text/javascript" src="javascript/functions.js"></script>
<script type="text/javascript" src="javascript/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript">
	$(document).ready(function() {	
		$("a.fancy_gallery").fancybox({	'type' : 'image' });
		
		$("a#inline").fancybox({
			'titlePosition'   : 'inside',
			'transitionIn'    : 'none',
			'transitionOut'   : 'none',
			'autoDimensions'  : 'true'
		});
		
	});
</script>

Geändert von Karottenkopf51 (05.08.2011 um 14:08 Uhr).
Karottenkopf51 ist offline   Mit Zitat antworten
Alt 05.08.2011, 14:12  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard

Schau mit Firebug (Netzwerk-Tab) nach, ob die Ressourcen auch tatsächlich alle fehlerfrei geladen wurden - oder ob ggf. eine Pfadangabe fehlerhaft ist o.ä.

Edit:
Zitat:
$("a.fancy_gallery").
Und (mindestens) ein solches Element gibt es auch im Dokument?
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 06.08.2011, 13:06  
Benutzer
 
Registriert seit: 09.05.2011
Beiträge: 50
PHP-Kenntnisse:
Anfänger
Karottenkopf51 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

Code:
GET avg_ls_dom.js
	
200 OK
	
localhost
	
10.6 KB
	
127.0.0.1:80
GET functions.js
	
200 OK
	
localhost
	
1.5 KB
	
GET jquery-1.6.2.min.js
	
200 OK
	
localhost
	
89.4 KB
	
GET jquery.fancybox-1.3.4.js
	
200 OK
	
localhost
	
28.7 KB
	
GET jquery.easing-1.3.pack.js
	
200 OK
	
localhost
	
6.6 KB
	
GET jquery.mousewheel-3.0.4.pack.js
	
200 OK
	
localhost
	
1.2 KB
	
GET jquery.nivo.slider.js
	
200 OK
	
localhost
	
24.7 KB
	
GET jquery-1.6.2.min.js
	
200 OK
	
localhost
	
89.4 KB
Ja, er hat alles soweit bekommen.

Firebug meldet folgendes als Fehler:

Code:
$("a.fancy_gallery").fancybox is not a function
[Bei diesem Fehler anhalten] $("a.fancy_gallery").fancybox({ 'type' : 'image' });
Und ja die Elemente mit der Klasse sind vorhanden:

Code:
<a class="fancy_gallery" href="image.php?id='.$photoArray[$i]['id'].'" rel="gallery"><img src="images/photos/small/'.$photoArray[$i]['filename'].'" alt="" /></a>
Karottenkopf51 ist offline   Mit Zitat antworten
Alt 06.08.2011, 13:07  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von ChrisB Beitrag anzeigen
Ansonsten, bitte Online-Beispiel (valides HTML, auf's Wesentliche reduziert).
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 06.08.2011, 13:08  
Benutzer
 
Registriert seit: 09.05.2011
Beiträge: 50
PHP-Kenntnisse:
Anfänger
Karottenkopf51 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

Oh Gott, ich Idiot!
Danke für den Tipp mit dem Netzwerk-Tab... ich sehe gerade, dass ich jQuery (dummerweise) nochmal geladen habe. Vielen Dank, daran lag es. Krass, wie blöd. Maaaaan, peinlich ^^
Karottenkopf51 ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Quelltextfenster funktioniert nicht Extremefall JavaScript, Ajax und mehr 7 25.01.2011 23:06
[Erledigt] str_replace funktioniert nur lokal Cogax PHP Tipps 2010 19 27.10.2010 21:28
Code funktioniert plötzlich nicht mehr nach Serverumzug Hawk PHP Tipps 2010 4 18.08.2010 08:12
Ajax - Dynamic Content mit JS in DIV laden nickBee HTML, Usability und Barrierefreiheit 8 30.07.2010 14:46
[Erledigt] unify - simple content editor sign JavaScript, Ajax und mehr 4 15.07.2010 16:16
Verschlüsselung funktioniert nicht richtig netmario PHP Tipps 2010 2 19.05.2010 22:57
mod_rewrite mit slash/ohne slash funktioniert nur teilweise taurus Server, Hosting und Workstations 4 13.09.2009 12:57
Content funktioniert nicht richtig Diamond GrafixX PHP Tipps 2009 3 14.07.2009 23:48
[ERLEDIGT]PHP while-Schleife für Ausgabe funktioniert plötzlich nicht fuckinghot19 PHP Tipps 2009 6 05.06.2009 22:28
[Erledigt] Umlaute ersetzen funktioniert nicht richtig BlackSpirit PHP Tipps 2009 19 20.04.2009 12:04
send button funktioniert nicht, finde fehler nicht selma123 PHP Tipps 2008 3 17.09.2008 11:57
[Erledigt] Sicherstellen von unkomprimiertem Content PHP-Fortgeschrittene 9 08.12.2004 12:47
Dateien erstellen oder schreiben funktioniert nicht im Web PHP Tipps 2004-2 1 05.12.2004 19:39
Content bereich aus Mysql mit php code einbinden Datenbanken 0 28.11.2004 16:06
Externen Content laden PHP Tipps 2004 4 13.08.2004 10:52

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
fancybox inline content, fancybox html content, fancybox content, fancybox is not a function, fancybox inline, fancybox background color, fancybox inline content gallery, fancybox jquery 1.6.2, fancybox geht nach serverumzug nicht mehr, fancybox und nivoslider html pfadstruktur, .fancybox is not a function, fancybox inline funktioniert nicht, fancybox content example, jquery fancybox content example, fancybox inline umlaute, fancybox inline php, fancybox trigger, avg_ls_dom.js, zeile 9 zeichen 2, fancybox inline element, $(\.fancybox\).fancybox is not a function

Alle Zeitangaben in WEZ +2. Es ist jetzt 11:24 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum