Cel mouse over

XxStefkuHxX · 22 nov 2003

Hallo,

ik heb een site in tabellen,
ik wil een van mijn cellen wil ik een mouseover op maken ?
Hoe doe ik dit ?
Ps ik werk met frontpage, ik weet dat het voor noobs is maar ik wil er mee werken.
BVD,
MVG,
Stef Vergoossen

pcfixer · 22 nov 2003

onMouseover="this.bgColor='yellow'" onMouseout="this.bgColor='#FFFFFF'"

Gewoon in de <td> zetten en je bent klaar

JPeetje · 22 nov 2003

of, een iets geavanceerdere, waardoor je van de hele cel ook een complete link kan maken:

Code:

<SCRIPT language=javascript>
<!--
function getLink(elem) {
var child_array = elem.childNodes; var i=0;
for (; i<child_array.length; i++) {
if(child_array[i].nodeName.toLowerCase() == "a") break;
else continue;
}return(child_array[i]);}


function LmOver(elem, clr)
{var linkElem = getLink(elem);
elem.style.backgroundColor = clr;
elem.style.cursor = 'hand'}

function LmOut(elem, clr)
{var linkElem = getLink(elem);
elem.style.backgroundColor = clr;
}

function LmDown(elem, clr)
{var linkElem = getLink(elem);
elem.style.backgroundColor = clr;
elem.style.cursor = 'hand';}

function LmUp(path)
{location.href = path;}
//-->
</SCRIPT>

dit stukje zet je na <body>
dus niet tussen <head> en </head>, maar na <body>

en dan kan je <td> er zo uitzien:

Code:

<td bgColor=ffff00 
  onmouseup="LmUp('zethierjelink.html')" 
  onmousedown="LmDown(this, 'ff0000')" 
  onmouseover="LmOver(this, '00ff00')" 
  onmouseout="LmOut(this, '0000ff')">

die ff0000, 00ff00, 0000ff en ffff00 zijn RGB-Hex kleuren, deze moet je dus zelf invullen
ik neem aan, dat wanneer je dit even in een website zet, je zelf wel kan bepalen waar wat voor dient...gewoon beetje spelen met de dingen...

succes

XxStefkuHxX · 22 nov 2003

Hij doet het niet:

Dit i mn Site

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Home</title>
</head>

<body>


<img border="0" src="header.jpg" width="649" height="120">
<center>
<table border="1" cellspacing="0" width="650" height="496" bordercolor="#000000" style="border-collapse: collapse" cellpadding="0">
<tr>
<td width="190" height="26">
Home</td>
<td width="190" height="26">
Programma</td>
<td width="190" height="26">
Voorverkoopadressen</td>
<td width="190" height="26">
Foto's</td>
</tr>
<tr>
<td width="757" height="436" colspan="4" bgcolor="#FFFFFF">
Home
Dit waren de
Oktoberfeesten dan alweer.
Kijk nog even naar de
foto's.
We hopen dat jullie
genoten hebben.
Bedankt voor de komst en
hopelijk tot volgend jaar !
 
 
 
 
 
 
 
</td>
</tr>
<tr>
<td width="190" height="26" bordercolor="#000000">onMouseover="this.bgColor='yellow'" onMouseout="this.bgColor='#FFFFFF'" 
Home</td>
<td width="190" height="26" bordercolor="#000000">
Programma</td>
<td width="190" height="26" bordercolor="#000000">
Voorverkoopadressen</td>
<td width="190" height="26" bordercolor="#000000">
Foto's</td>
</tr>
</table>
</center>
 

</body>

</html>

pcfixer · 22 nov 2003

OMFG

Je bent echt een n00bje op html gebied he? Hmmm *smile*

De code moet je tussen de <td> tags zetten van een tabel. Deze zijn niet zichtbaar in de weergave modus van FP. Daarvoor zul je in html of in broncode view moeten gaan en dan de code tussen de <td> tag moeten plakken.

Nog geen idee? Leer dan eerst maar ff een beetje wegwijs te worden in html, anders is het nog allemaal veels te moeilijk denk ik...

--edit--

O ja, zet je html code voortaan tussen de [ code ] [ /code ] tags en niet zo los, dat leest k*t...

@Jpeetje: [mierenneukermode] het is RGB niet RBG

[/mierenneukermode]

XxStefkuHxX · 22 nov 2003

Sorry maar volgens mij zet ik hem er nu wel tussen ?
bijlage

pcfixer · 22 nov 2003

txt veranderen in htm van de bijlage anders kon ik hem hier niet plaatsen

Ik heb het maar ff voor je gedaan. Alleen de bovenste groep tabelrijen heb ik gedaan btw, de onderste moet je nu ook zelf kunnen...

Cel mouse over

XxStefkuHxX

Gebruiker

pcfixer

Terugkerende gebruiker

JPeetje

Terugkerende gebruiker

XxStefkuHxX

Gebruiker

pcfixer

Terugkerende gebruiker

XxStefkuHxX

Gebruiker

Bijlagen

pcfixer

Terugkerende gebruiker

Bijlagen

Nieuwste berichten

Wij waarderen jouw privacy