ich bin im Moment dabei meinen Download bereich um zu gestalten.
und zwar bau ich eine "toggle" funktion ein, wenn man auf eine Kategorie klickt slided ein bereich runter wo alle inhalte der Kategorie dargestellt werden sollen.
also die Kategorien werden schon an den richtigen stellen angezeigt und bei click slided es auch runter ... soweit ganz easy eigentlich
jetzt wollte ich dass bei click auf eine Kategorie ber jquery load
$(this).next(".msg_body").load("index.php?downloads-"+id);
ausgeführt wird ... und die Downloads dynamisch eingeladen werden ... und genau da harkt es ... wo ist mein denk Fehler?
{EXPLODE} <script language="JavaScript"> button = 5; $(document).ready(function(){ //hide the all of the element with class msg_body $(".msg_body").hide(); //toggle the componenet with class msg_body $(".msg_head").click(function(){ $(this).next(".msg_body").slideToggle(600); var id = $(this).attr("id"); $(this).next(".msg_body").load("index.php?downloads-"+id); }); }); </script> <p> <h1>Entwicklung</h1> Hier finden Sie von mir entwickelte Anwendungen.<br><br> Dabei kann es sich um Webaplikationen oder Desktop-Anwendngen handeln.<br><br> </p> <p class="blogtitle">Kategorien<br></p> <div class="msg_list"> {EXPLODE} <p class="msg_head" id="{id}">{name}</p> <div class="msg_body"> <ul> <li>HTML, PHP, Flash basierte Homepages</li> <li>Mit CSS angepasst</li> </ul> </div> {EXPLODE} </div> {EXPLODE} <!-- <table width="100%" border="0" cellspacing="1" cellpadding="3"> <tr class="Chead"> <td class="blogtitle">Kategorien<br></td> </tr> {EXPLODE} <tr class="contents"> <td><a href="index.php?downloads-{id}">» {name}</a></td> </tr> {EXPLODE} </table> --> <br /><br /> {EXPLODE} <table width="100%" border="0" cellspacing="1" cellpadding="3"> <tr class="contents"> <th width="65%" align="center"><b><a href="index.php?downloads-{cid}-position{POM}">{_lang_files}</b></a></th> <th width="20%" align="center"><a href="index.php?downloads-{cid}-date{DAM}">{_lang_date}</a></th> <th width="15%" align="center"><a href="index.php?downloads-{cid}-downs{DOM}">{_lang_downs}</a></th> </tr> {EXPLODE} <tr class="contents"> <td><a href="index.php?downloads-show-{id}">{ssurl}{name} {version}</a><br /><span class="smalfont">» {desc}</span></td> <td align="center">{datum}</td> <td align="center">{downs}</td> </tr> {EXPLODE} </table> {EXPLODE} <p></p><p></p> <form action="index.php?downloads-upload" method="POST" enctype="multipart/form-data"> <fieldset> <legend><b>{_lang_fileup}</b></legend> <label style="width:100px; float:left;">{_lang_name}</label><input type="text" name="name" maxlength="50" value="" /><br /> <label style="width:100px; float:left;">{_lang_version}</label><input type="text" name="version" maxlength="10" size="11" value="" /><br /> <label style="width:100px; float:left;">{_lang_author}</label><input type="text" name="autor" maxlength="50" value="" /><br /> <label style="width:100px; float:left;">{_lang_linkor}</label><input type="text" name="url" size="40" maxlength="100" value="" /><br /> <label style="width:100px; float:left;">{_lang_upload}</label><input type="file" name="file" size="28" /><br /> <label style="width:100px; float:left;">{_lang_demolink}</label><input type="text" name="surl" size="40" maxlength="100" value="" /><br /> <label style="width:100px; float:left;">{_lang_preview}</label><input type="text" name="ssurl" size="40" maxlength="100" value="" /><br /> <label style="width:100px; float:left;">{_lang_shortdesc}</label><input type="text" name="desc" size="40" maxlength="100" value="" /><br /> <label style="width:100px; float:left;">{_lang_desc}</label><textarea cols="40" rows="4" name="descl"></textarea><br /> <label style="width:100px; float:left;"></label><input type="submit" value="Absenden" name="sub"><br /> </fieldset> </form>
Zuletzt modifiziert von holz am 24.03.2013 - 18:12:43