Legge til JavaScript i Joomla modul

[Romy]

Jeg har en modul i Joomla som heter 'banners'.

Det er tre 'bannere' eller tre bilder på forsiden. Se tegning vedlagt.

 

Jeg vil at når det er mus over et av bildene skal det vises tekst, altså MouseOver funksjon med javascript, hvis det ikke finnes noe enklere måte å gjøre det på.

 

Jeg har JavaScript her:

<script type="text/javascript">

function doStuff(el) {
el.src="banner1.jpg";
document.getElementById("bannertext").style.display="block";
el.onmouseout=function() {
el.src="banner1.jpg";
document.getElementById("bannertext").style.display="none";
}
}

</script>

 

CSS for den er slik:

 

<style type="text/css">
#text {
position:absolute;
left:450px;
top:400px;
width:210px;
display:none;
font-family:verdana;
font-size:16px;
padding:10px;
border:double 3px #000;
}
</style>

 

Så det eneste jeg trenger å legge på et bilde er onmouseover="doStuff(this)"

 

MEN:

 

Når jeg ser på index.php der disse bannere ligger får jeg følgende kildekode i NETTLESEREN:

<div class="banners">
									<div class="bannergroup">

<div class="banneritem"><a href="/index.php?option=com_banners&task=click&bid=10"><img src="images/banners/banner1.jpg" alt="Banner" /></a><div class="clr"></div>
</div>

</div>
									<div class="bannergroup">

<div class="banneritem"><a href="/index.php?option=com_banners&task=click&bid=11"><img src="images/banners/banner2.jpg" alt="Banner" /></a><div class="clr"></div>
</div>

</div>
									<div class="bannergroup">

<div class="banneritem"><a href="index.php?option=com_banners&task=click&bid=9"><img src="images/banners/banner3.jpg" alt="Banner" /></a><div class="clr"></div>
</div>

</div>

*Ikke bry dere om href som jeg har redigert*

 

Når jeg laster ned index.php fra serveren og ser kildekoden på maskinen får jeg følgende:

								<div class="banners">
									<jdoc:include type="modules" name="user7" />
									<jdoc:include type="modules" name="user6" />
									<jdoc:include type="modules" name="user5" />
									<div class="clr"></div>
								</div>

 

Hvordan legger jeg da denne mouseover funksjonen her?

[cbastus]

Du må legge den til i modulen som inluderes.

 

<jdoc:include type="modules" name="user7" /> Finn denne modulen og endre dens HTML.

[Romy]

Finner ikke noe modul som heter user7

Eneste jeg finner er mod_banners (mappe i modules mappen for Joomla).

Edit: Da har jeg faktisk fått det til, i Joomla administrator var det noe som het custom banner code. Genialt.

 

Men hvordan går jeg frem for å legge det et annet tekst på de to resterende bannere?

Må vel gjøres noe i JavaScripten? ev. hva?

 

Edit: funent løsningen.

Endret 18. desember 2008 av Romy