Αλλαγη Backgound Color πινακα που περιεχει Link.....

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
gegeor
Δημοσιεύσεις: 13
Εγγραφή: 19 Φεβ 2001 01:00
Τοποθεσία: Athens

Αλλαγη Backgound Color πινακα που περιεχει Link.....

Δημοσίευση από gegeor » 31 Μαρ 2002 17:28

Εχω ενα πινακα απλο που περιεχει links .Θελω να βαλω σε καθε cell χρώμα το οποιο ομως θα αλλαζει οταν γινεται mouse over πανω στο Link/cell
Υπαρχει τρόπος να το κανω.?
Χρησιμοποιω MS frontpage 2002

Ευχαριστώ

Άβαταρ μέλους
grjava
Δημοσιεύσεις: 387
Εγγραφή: 13 Μαρ 2002 01:00
Τοποθεσία: athens
Επικοινωνία:

Αλλαγη Backgound Color πινακα που περιεχει Link.....

Δημοσίευση από grjava » 01 Απρ 2002 13:03

Αν έχεις υπομονή αντέγραψε τον παρακάτω κώδικα:

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var linktext=new Array()
linktext[0]='<table border="0" width="105" height="100" bgcolor="#ffcb97" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="1"><b>This is really kind of amazing.</b></font></td></tr></table>'
linktext[1]='<table border="0" width="105" height="100" bgcolor="#ffcb97" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="1"><b>You can have as many links as you wish.</b></font></td></tr></table>'
linktext[2]='<table border="0" width="105" height="100" bgcolor="#ffcb97" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="1"><b>This would be great to describe where the visitor is goin on your site.</b></font></td></tr></table>'
linktext[3]='<table border="0" width="105" height="100" bgcolor="#ffcb97" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="1"><b>Maybe the link is not too descriptive -- this should make it easier.</b></font></td></tr></table>'
linktext[4]='<table border="0" width="105" height="100" bgcolor="#ffcb97" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="1"><b>Try it out!</b></font></td></tr></table>'
var ns6=document.getElementById&&!document.all
var ie=document.all
function show_text(thetext, whichdiv){
if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext] }
function reset(whichdiv){
if (ie) eval("document.all."+whichdiv).innerHTML='<table border="0" width="105" height="100" bgcolor="#ffcb97" cellpadding="0" cellspacing="8"><tr><td valign="top"><font face="arial" size="1"><b>Εδώ διάβασε πληροφορίες για το σχετικό Link</b></font></td></tr></table>'
else if (ns6) document.getElementById(whichdiv).innerHTML='<table border="0" width="105" height="100" bgcolor="#ffcb97" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="1"><b>Εδώ διάβασε πληροφορίες για το σχετικό Link</b></font></td></tr></table>'}
// End -->
</script>

*Πρέπει να τον τοποθετήσεις ανάμεσα στο <head> & <body>

και τον παρακάτω κώδικα :

<TABLE border="1" bgcolor="#ff8000" cellpadding="8" cellspacing="0">
<TBODY>

<TR>
<TD onclick="window.location='http://javascript.internet.com'" onmouseover="bgColor='#ffcb97'; show_text(0,'div1')" onmouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand" width="105"><FONT face="arial" size="1"><B>Try this link</B></FONT></TD>
</TR>
<TR>
<TD onclick="window.location='http://javascript.internet.com'" onmouseover="bgColor='#ffcb97'; show_text(1,'div1')" onmouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand" width="105"><FONT face="arial" size="1"><B>Or another</B></FONT></TD>
</TR>
<TR>
<TD onclick="window.location='http://javascript.internet.com'" onmouseover="bgColor='#ffcb97'; show_text(2,'div1')" onmouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand" width="105"><FONT face="arial" size="1"><B>Our favorite</B></FONT></TD>
</TR>
<TR>
<TD onclick="window.location='http://javascript.internet.com'" onmouseover="bgColor='#ffcb97'; show_text(3,'div1')" onmouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand" width="105"><FONT face="arial" size="1"><B>Good site!</B></FONT></TD>
</TR>
<TR>
<TD onclick="window.location='http://javascript.internet.com'" onmouseover="bgColor='#ffcb97'; show_text(4,'div1')" onmouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand" width="105"><FONT face="arial" size="1"><B>Go here</B></FONT></TD>
</TR>
<TR>
<TD align="center" bgcolor="#ffcb97" width="105" valign="middle" height="107"><SPAN id="div1"><FONT face="arial" size="1"><B>Εδώ διάβασε πληροφορίες για το σχετικό Link</B></FONT></SPAN></TD>
</TR>
</TBODY>
</TABLE>

*Πρέπει να τον τοποθετήσεις στο <body> εκεί που επιθυμείς.
Σημ. Το script είναι παράδειγμα και μπορείς να το προσαρμώσεις στις ανάγκες σου (χρώματα διαστάσεις κλπ)

Άβαταρ μέλους
gegeor
Δημοσιεύσεις: 13
Εγγραφή: 19 Φεβ 2001 01:00
Τοποθεσία: Athens

Αλλαγη Backgound Color πινακα που περιεχει Link.....

Δημοσίευση από gegeor » 02 Απρ 2002 00:47

Ευχαριστω φίλε μου ,το δοκίμασα και είναι πολύ καλο...

Θα ήθελα όμως ,αν ξέρεις ένα πιο εύκολο τρόπο για κάποιον που δεν θέλει να ασχοληθεί με κώδικα για να κάνει αλλαγές...Υπάρχει κάποιο utility που να φτιάχνει τετοια Navigation menus εύκολα και γρήγορα.??

Ευχαριστώ

Άβαταρ μέλους
hellas
Δημοσιεύσεις: 372
Εγγραφή: 15 Αύγ 2001 03:00
Τοποθεσία: Athens, Greece

Αλλαγη Backgound Color πινακα που περιεχει Link.....

Δημοσίευση από hellas » 03 Απρ 2002 17:16

To echoecho.com kanei tetoies douleies alla den ksero gia to sygkrimeno menou.

Episis prepei na ksereis oti kati tetoio ginetai. To eixa vrei mia fora alla oso kai an epsaksa den mporesa na to vro gia na sto steilo. Kai na ksereis oti afto to kolpaki den pianei sto netscape

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες