Hallo liebe Community,
ich brauche mal wieder eure begeisterte Hilfe *smoll*.
Habe das Jquery Tool von Ilch Integriert und möchte nun gerne das Accordion einbinden:
jqueryui.com/demos/accordion/
Nur bekomme ich es nicht hin, kann mir wer das vielleicht erklären wie ich das einbinde?
LG
Hiwitchi
Zuletzt modifiziert von Hiwitchi am 14.12.2010 - 21:07:36
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Allgemein » HTML, PHP, SQL,... » Ausfahrbarer Text =(
Gehe zu Seite:
| Geschlossen | ||
-
Di. 14.12.2010
18:53 Uhr
#1
- Registriert seit
- 30.03.2010
- Beiträge
- 48
- Beitragswertungen
-
Di. 14.12.2010
22:32 Uhr
#2
- Registriert seit
- 21.10.2007
- Beiträge
- 5.951
- Beitragswertungen
was hast du denn bisher versucht. poste mal was du gemacht hast, damit man sieht wo dein fehler liegtSpamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
externer Link -
Di. 14.12.2010
22:44 Uhr
#3
- Registriert seit
- 30.03.2010
- Beiträge
- 48
- Beitragswertungen
Also ich habe das Ilch Jquery Modul nach Regeln eingebunden sowie das Script auch in die Index.html eingefügt, hier kannst du es betrachten:
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879<head><script type="text/javascript" src="include/includes/js/fade.js"></script><script type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script><script type="text/javascript" src="include/includes/js/messenger.js"></script><link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" /><link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" /><!--[if lte IE 7]><link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" /><![endif]--><!--[if lte IE 7]><link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" /><![endif]--><meta http-equiv="Content-Language" content="de"><title>{TITLE}</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><meta name="Robots" content="INDEX,FOLLOW"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="Pragma" content="no-cache"><meta name="Robots" content="archive"><link rel="stylesheet" type="text/css" href="include/designs/ilch_gs_template090/style.css"><script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script><script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-ui-1.8.6.custom.min.js"></script><link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/le-frog/jquery-ui-1.8.6.custom.css" rel="stylesheet" /><link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/le-frog/jquery.ui.accordion.css" rel="stylesheet" /><script type="text/javascript">$(function(){// Accordion$("#accordion").accordion({ header: "h3" });// Tabs$('#tabs').tabs();// Dialog$('#dialog').dialog({autoOpen: false,width: 600,buttons: {"Ok": function() {$(this).dialog("close");},"Cancel": function() {$(this).dialog("close");}}});// Dialog Link$('#dialog_link').click(function(){$('#dialog').dialog('open');return false;});// Datepicker$('#datepicker').datepicker({inline: true});// Slider$('#slider').slider({range: true,values: [17, 67]});// Progressbar$("#progressbar").progressbar({value: 20});//hover states on the static widgets$('#dialog_link, ul#icons li').hover(function() { $(this).addClass('ui-state-hover'); },function() { $(this).removeClass('ui-state-hover'); });});</script></head>
Habe mir auch ein neues Theme von der Jquery Seite heruntergeladen und der Anleitung der Readme von Ilch gefolgt, diese in den "/include/includes/jquery" Ordner eingefügt.
In den Index.html Bereich wo ich die Anzeige haben will habe ich diesen Code eingefügt:
1234567891011121314<!-- Accordion --><div id="accordion"><div><h3><a href="#">First</a></h3><div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div></div><div><h3><a href="#">Second</a></h3><div>Phasellus mattis tincidunt nibh.</div></div><div><h3><a href="#">Third</a></h3><div>Nam dui erat, auctor a, dignissim quis.</div></div>
Bitte Helf mir
-
Di. 14.12.2010
23:37 Uhr
#4
- Registriert seit
- 21.10.2007
- Beiträge
- 5.951
- Beitragswertungen
also zum einen hast du zweimal die jquery eingebunden. einmal noch mit dem messenger. und ich denke das dieser auch schuld ist, das es nicht funktioniert. hier im forum gibts mehrere themen bei denen auch die lightbox nicht mehr funktioniert wegen dem messenger. irgendwie scheint der da was zu blockieren.
mach den messenger mal weg und versuchs wieder.Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
externer Link -
Mi. 15.12.2010
18:13 Uhr
#5
- Registriert seit
- 30.03.2010
- Beiträge
- 48
- Beitragswertungen
Hi Chapter,
habe denn Messanger jetzt weggemacht und wieder Versucht, aber irgendwie funktioniert es immernoch nicht, verzweifel schon weis nicht was ich noch machen könnte, ich denke ja, dass das Script richtig eingebunden ist aber irgtendwie will das nicht hinhauen.
Soe sieht der <head> Bereich jetzt aus:
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768<head><meta http-equiv="Content-Language" content="de"><title>{TITLE}</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><meta name="Robots" content="INDEX,FOLLOW"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="Pragma" content="no-cache"><meta name="Robots" content="archive"><link rel="stylesheet" type="text/css" href="include/designs/ilch_gs_template090/style.css"><script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script><script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-ui-1.8.6.custom.min.js"></script><link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/le-frog/jquery-ui-1.8.6.custom.css" rel="stylesheet" /><link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/le-frog/jquery.ui.accordion.css" rel="stylesheet" /><script type="text/javascript">$(function(){// Accordion$("#accordion").accordion({ header: "h3" });// Tabs$('#tabs').tabs();// Dialog$('#dialog').dialog({autoOpen: false,width: 600,buttons: {"Ok": function() {$(this).dialog("close");},"Cancel": function() {$(this).dialog("close");}}});// Dialog Link$('#dialog_link').click(function(){$('#dialog').dialog('open');return false;});// Datepicker$('#datepicker').datepicker({inline: true});// Slider$('#slider').slider({range: true,values: [17, 67]});// Progressbar$("#progressbar").progressbar({value: 20});//hover states on the static widgets$('#dialog_link, ul#icons li').hover(function() { $(this).addClass('ui-state-hover'); },function() { $(this).removeClass('ui-state-hover'); });});</script></head>
Bitte um Hilfe
-
Mi. 15.12.2010
19:09 Uhr
#6
- Registriert seit
- 21.10.2007
- Beiträge
- 5.951
- Beitragswertungen
ja der headbereich sieht richtig aus. normalerweise müsste es funktionieren...Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
externer Link -
Mi. 15.12.2010
21:15 Uhr
#7
- Registriert seit
- 30.03.2010
- Beiträge
- 48
- Beitragswertungen
ICh veersuch wirklich alles, aber ich weis nicht warum, dass nicht funktionieren will, wirklich niemand eine Lösung? -
Mi. 15.12.2010
22:06 Uhr
#8
- Registriert seit
- 21.10.2007
- Beiträge
- 5.951
- Beitragswertungen
Mach mal ne neue html Datei in der du NUR das accordion machst, um zu sehen ob es mit geht. Wenn das der fall ist, kannst du auf Fehlversuche gehen...Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
externer Link
| Geschlossen | ||
 |
Zurück zu HTML, PHP, SQL,... | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten