CMS Made Simple Forums

stijlXpres wrote: In de head wordt inderdaad een stukje javascript geplaatst (ik zet dat vak in de pagina-specifieke meta-data). Tevens komt (soms) in de head een verwijzing naar een extern script. Tot slot krijgt het object waaraan je jQuery wilt koppelen een unieke klasse die wordt afgevangen door het javascript.

That's it; ik heb het op verschillende sites werkend, maar het is inderdaad een kwestie van even stoeien...

Succes!!

<__script__ src="jquery.js" type="text/javascript"></__script>
<__script__ src="jquery.hoverIntent.js" type="text/javascript"></__script> <!-- optional -->
<__script__ src="jquery.cluetip.js" type="text/javascript"></__script>

<__script__ type="text/javascript">
$(document).ready(function() {
  $('a.tips').cluetip();
  
  $('#houdini').cluetip({
    splitTitle: '|', // use the invoking element's title attribute to populate the clueTip...
                     // ...and split the contents into separate divs where there is a "|"
    showTitle: false // hide the clueTip's heading
  });
});
</__script>
<link rel="stylesheet" href="jquery.cluetip.css" type="text/css" />

  <!-- use ajax/ahah to pull content from fragment.html: -->
  <p><a class="tips" href="fragment.html" rel="fragment.html">show me the cluetip!</a></p> 
 
  <!-- use title attribute for clueTip contents, but don't include anything in the clueTip's heading -->
  <p><a id="houdini" href="houdini.html" title="|Houdini was an escape artist.|He was also adept at prestidigitation.">Houdini</a></p>

Rolf wrote: Heb je ook {literal}{/literal} om de Javascript heen staan?

Grt. Rolf 

Evert B. wrote: Ik heb de volgende .js bestanden in mijn root gezet:
- jquery-1.4.2.js
- jquery.cluetip.js
- jquery.cluetip.css

Ik doe deze code in mijn pagina specifieke metadata: (en toen dat niets opleverde ook in de van mijn sjabloon)

Code: Select all

<__script__ src="jquery.js" type="text/javascript"></__script>
<__script__ src="jquery.hoverIntent.js" type="text/javascript"></__script> <!-- optional -->
<__script__ src="jquery.cluetip.js" type="text/javascript"></__script>
...
<link rel="stylesheet" href="jquery.cluetip.css" type="text/css" />

Evert B. wrote: Deze code doe ik in de pagina (met wysiwyg uitgeschakeld):

Code: Select all

  <!-- use ajax/ahah to pull content from fragment.html: -->
  <p><a class="tips" href="fragment.html" rel="fragment.html">show me the cluetip!</a></p> 
 
  <!-- use title attribute for clueTip contents, but don't include anything in the clueTip's heading -->
  <p><a id="houdini" href="houdini.html" title="|Houdini was an escape artist.|He was also adept at prestidigitation.">Houdini</a></p>

 
  show me the cluetip!

Rolf wrote: Evert,

Wil je niet flauw maken, maar op mijn test site werkte het direct 
"Geluk is met de dommen", zeg maar 

Rolf wrote: Maar ik denk dat de definitie van "pull content from fragment.html" anders is dan zoals jij nu probeert.
Je probeert nu een hele pagina uit het cms op te nemen, maar deze is schermbreed ingesteld... en past dus niet.
Ik denk dat ze hier bedoelen een aparte html bestand zonder paginaopmaak die kan worden getoond. Ik denk dan aan een paar regeltjes en een foto.
Je zou hiervoor bijv. een aparte pagina kunnen aanmaken, met een apart html sjabloon en stylesheet.

Rolf wrote: Zelf zou ik overigens de js en css bestanden niet in de root van de website laten staan, het wordt dan zo onoverzichtelijk. Ik maak meestal een map 'scripts' of iets dergelijks aan en plaats het daarin. Maar goed de werking wordt natuurlijk niet anders 

Rolf wrote: Maar je kunt hiermee leuke dingen maken!!! Bedankt