JS einbinden! Mit Jquery

[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>

[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>

[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> 

[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

[MichFress]

Style => Skripteditor