login  Naam:   Wachtwoord: 
Registreer je!
 Forum

JavaScript AND TemplatePower

Offline shibble - 28/04/2006 12:18 (laatste wijziging 28/04/2006 12:18)
Avatar van shibbleMySQL interesse Hallo allemaal ik gebruik TemplatePower en ik wil JavaScript erin toepassen maarh et wilt neit helemaal werken weet iemand de oplossing?

sponsors.tpl:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="headsponsor">
  2. 	<h2><span>Head sponsors</span></h2>
  3. 		<div id="headsponsor_content">
  4. 			<!-- START BLOCK : headsponsors -->
  5. 				<a href="index.php?p=sponsors&sid={sid}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('{sponsorImage}', '', 'tpl/images/sponsors/{sponsorImage}2.jpg',1)"><img src="tpl/images/sponsors/{sponsorImage}.jpg" name="{sponsorImage}" width="150" height="75" border="0" id="{sponsorImage}"></a>
  6. 			<!-- END BLOCK : headsponsors -->
  7. 		</div>
  8. </div>
  9.  
  10. <div class="clearthis">&nbsp;</div>
  11.  
  12. <div id="mainsponsor">
  13. 	<h2><span>Main sponsors</span></h2>
  14. 		<div id="mainsponsor_content">
  15. 			<!-- START BLOCK : mainsponsors -->
  16. 				<a href="index.php?p=sponsors&sid={sid}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('{sponsorImage}', '', 'tpl/images/sponsors/{sponsorImage}2.jpg',1)"><img src="tpl/images/sponsors/{sponsorImage}.jpg" name="{sponsorImage}" width="150" height="75" border="0" id="{sponsorImage}"></a>
  17. 			<!-- END BLOCK : mainsponsors -->
  18.  
  19. 		</div>
  20. </div>
  21.  
  22. <div class="clearthis">&nbsp;</div>
  23.  
  24. <div id="sponsor">
  25. 	<h2><span>Sponsor</span></h2>
  26. 		<div id="sponsor_content">
  27. 			<!-- START BLOCK : sponsors -->
  28. 				<a href="index.php?p=sponsors&sid={sid}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('{sponsorImage}', '', 'tpl/images/sponsors/{sponsorImage}2.jpg',1)"><img src="tpl/images/sponsors/{sponsorImage}.jpg" name="{sponsorImage}" width="150" height="75" border="0" id="{sponsorImage}"></a>
  29. 			<!-- END BLOCK : sponsors -->
  30. 		</div>
  31. </div>
  32.  
  33. <div class="clearthis">&nbsp;</div>
  34.  
  35. <div id="partner">
  36. 	<h2><span>Partner</span></h2>
  37. 		<div id="partner_content">
  38. 			<!-- START BLOCK : partners -->
  39. 				<a href="index.php?p=sponsors&sid={sid}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('{sponsorImage}', '', 'tpl/images/sponsors/{sponsorImage}2.jpg',1)"><img src="tpl/images/sponsors/{sponsorImage}.jpg" name="{sponsorImage}" width="150" height="75" border="0" id="{sponsorImage}"></a>
  40. 			<!-- END BLOCK : partners -->
  41. 		</div>
  42. </div>


ik heb in me index.tpl staan:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="javascript" src="tpl/functions.js"></script>


en dat klopt allemaal.

me functions.js:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function MM_swapImgRestore() { //v3.0
  2.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  3. }
  4.  
  5. function MM_preloadImages() { //v3.0
  6.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  7.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  8.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  9. }
  10.  
  11. function MM_findObj(n, d) { //v4.01
  12.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  13.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  14.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  15.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  16.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  17. }
  18.  
  19. function MM_swapImage() { //v3.0
  20.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  21.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  22. }


weet iemand hier de oplossing op?

12 antwoorden

Gesponsorde links
Offline BramBo - 28/04/2006 12:33
Avatar van BramBo JS gevorderde Wat werkt er wel, wat niet ?
Kan wel heel die code doornemen maar zie niet meer dan een lap dreamweaver code 
Offline shibble - 28/04/2006 12:34
Avatar van shibble MySQL interesse wat werkt er wel...
alles behalve de javascript.
dus als ik over het plaatje ga gaat hij niet naar dat andere plaatje
alleen de javascript zelf werkt niet.
Offline BramBo - 28/04/2006 12:41
Avatar van BramBo JS gevorderde Alleen de name='{sponserimage}' is genoeg

Verder ziet het er naar mijn idee goed uit Kijk in je bron of je geen dubbele namen gebruikt.. Je kan je javascript console oproepen (In FF Extra-> Javascript Console)

Zo word het aangeroepen naar mijn idee :
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="link.htm" onMouseOut="MM_swapImgRestore()" 
  2. onMouseOver="MM_swapImage('i1','','ib.jpg',1)"><img name="i1" 
  3. border="0" src="ia.jpg"></a>
Offline Slipie - 28/04/2006 12:45
Avatar van Slipie PHP beginner En wat heeft dat met Template Power te maken?
Check gewoon of je paden goed zijn.
En anders zijn foutmeldingen ook wel handig
(hint check je javascript errors in de javascript console van firefox)
Offline Thomas - 28/04/2006 12:49
Avatar van Thomas Moderator Mijn ervaring met JavaScript en relatieve paden is dat je verschillend gedrag heb in bijvoorbeeld IE en FF (bijvoorbeeld bij het openen van popups). Reden te meer om inderdaad even de paden te controleren, en desnoods met absolute paden (volledige adressen) te werken.
Offline shibble - 28/04/2006 12:50
Avatar van shibble MySQL interesse TY @ Slipie & BramBo
en ja ik heb alles gecheckt is goed en heb net die van mm_swapimage gefixt maar daar krijg ik nu dit bij:

missing ; before statement
dielinkshizzle
MM_swapImage() 'tind', '', 'tpl/images/sponsors/tind2.jpg', 1)

en zon streep met pijltje naar tind (die tind na swapimage)

@Slipie ik ben niet goed in javascript namelijk daarom vraag ik om hulp.
Offline BramBo - 28/04/2006 13:03
Avatar van BramBo JS gevorderde Zou je eens een stukje broncode kunnen posten dus een stuk dat door php heen is gehaald en wat je werkelijk ziet in de browser..

Zoals FangorN ook al aan haalde is het geen slecht idee om met absolute paden te werken persoonlijk werkelijk altijd met een global indentifier, om het zomaar te benoemen, dus ini php declareer je het domein en path naar je website :

php code - Bekijk de code zonder highlighting - Klap code in 
  1. $info['website'] = "http://www.domein.nl/la";
  2.  
  3. // en dan deze terug roepen in je template power
Offline shibble - 28/04/2006 13:06
Avatar van shibble MySQL interesse ik vat het niet helemaal BramBo, TemplatePower houdt php en html gescheiden dus met die zin "ou je eens een stukje broncode kunnen posten dus een stuk dat door php heen is gehaald en wat je werkelijk ziet in de browser.." snap ik niet helemaaal :S
Offline BramBo - 28/04/2006 13:09
Avatar van BramBo JS gevorderde Oke, dus gewoon de website openen in je browser broncode in kijken en daar een stukje van posten of alternatievelijk de url geven waar je bezig bent met je website..
Offline shibble - 28/04/2006 13:13
Avatar van shibble MySQL interesse
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="mainsponsor">
  2. 	<h2><span>Main sponsors</span></h2>
  3. 		<div id="mainsponsor_content">
  4. 				<a href="index.php?p=sponsors&sid=2" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tind', '', 'tpl/images/sponsors/tind2.jpg',1)"><img src="tpl/images/sponsors/tind.jpg" name="tind" width="150" height="75" border="0" id="tind"></a>
  5. 				<a href="index.php?p=sponsors&sid=1" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('universehosting', '', 'tpl/images/sponsors/universehosting2.jpg',1)"><img src="tpl/images/sponsors/universehosting.jpg" name="universehosting" width="150" height="75" border="0" id="universehosting"></a>
  6.  
  7. 		</div>
  8. </div>

je bedoelt dat stukkie?:p
Offline BramBo - 28/04/2006 13:31
Avatar van BramBo JS gevorderde Vreemd, probeer toch eens absolute urls te gebruiken..
; na de functies gebruiken.
Of ik ben aan het slapen of er scheelt echt niets aan de aanroep van de functies...


Je kan altijd :
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="index.php?p=sponsors&sid=1" onmouseout="universehosting.src='tpl/images/sponsors/universehosting.jpg';'" onmouseover="universehosting.src='tpl/images/sponsors/universehosting2.jpg';">
  2. <img src="tpl/images/sponsors/universehosting.jpg" name="universehosting" width="150" height="75" border="0">
  3. </a>


gebruiken dit zal zonder twijfel werken
Offline shibble - 28/04/2006 13:44 (laatste wijziging 28/04/2006 13:48)
Avatar van shibble MySQL interesse hmm ok maar dan wel zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="index.php?p=sponsors&sid={sid}" onmouseout="{sponsorImage}.src='tpl/images/sponsors/{sponsorImage}.jpg';'" onmouseover="{sponsorImage}.src='tpl/images/sponsors/{sponsorImage2}.jpg';">
  2. <img src="tpl/images/sponsors/{sponsorImage}.jpg" name="{sponsorImage}" width="150" height="75" border="0">
  3. </a>


Omdat ik TemplatePower gebruik ;)
na een aantal daarme proberen is het eindelyk geljukt je had ner nog een fout in met een ' ;)
maar ghij werkt dankjulliewel slotje amg 

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="index.php?p=sponsors&sid={sid}" onmouseout="{sponsorImage}.src='tpl/images/sponsors/{sponsorImage}.jpg';" onmouseover="{sponsorImage}.src='tpl/images/sponsors/{sponsorImage}2.jpg';">
  2. 				<img src="tpl/images/sponsors/{sponsorImage}.jpg" name="{sponsorImage}" width="150" height="75" border="0"></a>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.3s