Seite 1 von 1
JS einbinden! Mit Jquery
Verfasst: Mo 17. Mär 2008, 17:03
von ExBerliner08
Hallo!
Ich versuche gerade mit Jquery zu arbeiten. Dabei bekomme ich nur Probleme. Zunächst habe ich jquery in mein Template eingebunden. Nun möchte ich auf einer Seite div Elemente mit show() ein und ausblenden. Wie kann ich das machen, als test habe ich das in mein Script geschrieben. Die Funktion wird nicht aufgerufen warum?
Code: Alles auswählen
<a onclick="test1(this)" href="front_content.php?idcat=97">test</a>
<div style="display: none" id="test">
Hallo
</div>
---------------------------
<script type="text/javascript">
function test1(){
alert ("hier");
}
</script>
Verfasst: Mo 17. Mär 2008, 18:10
von knb
Dein Code enthält keinen jQuery-Code, daher kann ich deine Frage nicht beantworten.
Hier ist jedoch ein Codeschnipsel aus einem längeren "Modul-Template" in dem ich jQuery Code benutze. Dies kann Dir vielleicht als Inspiration dienen.
Es benutzt das Autocompleter JQuery PLugin.
Werte in geschweiften Klammern wie zB {CAPTION20} werden durch den PHP Code gesetzt.
Der folgende Code ist aber nicht in Produktion gegangen. War zu kompliziert. Daher kann ich auf keine Webseite verweisen um zu zeigen wie's aussieht.
Code: Alles auswählen
<script type="text/javascript" src="{JSPATH}jquery.js"></script>
<script type="text/javascript" src="{JSPATH}jeditable.js"></script>
<script type="text/javascript" src="{JSPATH}autocomplete.js"></script>
<script type="text/javascript">
function formatItem(row) {
return row[0] + " (<b>" + row[1] + "</b>)";
}
$(document).ready(function() {
$('#edit_icdpid').editable( '{JSPATH}echo.php',
{ indicator : "<img src='{JSPATH}indicator.gif'>",
event: 'click',
onblur: 'submit',
//width: '450'
//,hiddenVar2set:'#project_id'
}, //options for jeditable
{ url: "{JSPATH}search_icdp_projectid.php", // url is required for autocomplete
minChars: 2,
formatItem:formatItem,
selectOnly: 1,
/*
hiddenVar2set:'#project_id',
hiddenVar2set2:'#project_name',
elem2set:'#icdpid', //elem is usually a "div"
elem2set2:'#icdpname',
elem2fadein:'input.elem2fadein',
elem2unset:'#icdpname',
*/
}
);
});
</script>
<link href="{JSPATH}autocomplete.css" rel="stylesheet" type="text/css" media="screen"/>
<table border="0" cellpadding="0" cellspacing="0" style="font-size: 1.0em;">
<tr>
<td colspan="3" class="headerbordercell">{CAPTION10}</td>
</tr>
<tr>
<td colspan="1" id="projname" class="headerbordercell">{CAPTION20}</td>
<td colspan="2" class="text_medium">
<div style="" id="edit_icdpid" class="editable">{PROJNAME_AUTOCOMPLETER}</div>
</td>
</tr>
</table>
Verfasst: Mo 17. Mär 2008, 21:51
von MichFress
Da hätte ein Blick auf
jquery geholfen:
Code: Alles auswählen
<a id="testId" href="front_content.php?idcat=97">test</a>
<div style="display: none" id="test">
Hallo
</div>
---------------------------
<script type="text/javascript">
$(document).ready(function(){
$('#testId').click(function(){
$('#test').toggle();
});
});
</script>
Verfasst: Di 18. Mär 2008, 08:12
von ExBerliner08
Danke für die Antworten. Ich wollte eigentlich zunächst nur testen, ob ich mit JS ein alert aufrufen kann. Wie oder wo binde ich JS Script Anweisungen ein? Als Modul?
Danke
Verfasst: Di 18. Mär 2008, 10:28
von MichFress
Style => Skripteditor