Avatar billede krel Nybegynder
22. februar 2008 - 00:36 Der er 15 kommentarer og
1 løsning

link på tværs af <td>er

Hey derude?
Jeg har nu fundet en løsning (men den er ikke optimal!) på mit problem jeg har 4 kolloner hveri der hentes tekst fra en db..

Så er det sådan at jeg gerne vil have hele rækken til at være et link så teksten "hover" men det kan jeg ikke lige få den til, så nu har jeg bare sat mit <a> foran alt indholdet i <tr>-tagget...

og så har jeg skrvet det hele i en response.write og derved hover teksten ikke da det er hele rækken der sådan set er link i stedet for selv teksten...

??? hjælp!

mvh.
Kristian
Avatar billede Slettet bruger
22. februar 2008 - 01:24 #1
Hej

- hvis jeg var dig ville jeg anvende Javascript her i stedet...

noget a la det her:


<script language="Javascript">
function celleind(){
document.getElementById('celle1').style.fontWeight='bold';
document.getElementById('celle2').style.fontWeight='bold';
document.getElementById('celle3').style.fontWeight='bold';
document.getElementById('celle4').style.fontWeight='bold';
}
function celleud(){
document.getElementById('celle1').style.fontWeight='normal';
document.getElementById('celle2').style.fontWeight='normal';
document.getElementById('celle3').style.fontWeight='normal';
document.getElementById('celle4').style.fontWeight='normal';
}
</script>
<table>
<tr>
<td id="celle1" onmouseover="celleind();" onmouseout="celleud();" style="font-weight: normal;">celle1</td>
<td id="celle2" onmouseover="celleind();" onmouseout="celleud();" style="font-weight: normal;">celle2</td>
<td id="celle3" onmouseover="celleind();" onmouseout="celleud();" style="font-weight: normal;">celle3</td>
<td id="celle4" onmouseover="celleind();" onmouseout="celleud();" style="font-weight: normal;">celle4</td>
</tr>
</table>

- eller har jeg misforstået dit spørgsmål fuldstændigt?

\Dan
Avatar billede krel Nybegynder
22. februar 2008 - 11:33 #2
det er lige sådan...
men hvad nu når jeg har et stylesheet... kan man ikke kom det derind i i stedet for... det er godt nok kun to sider der skal have denne funktion men bare en tanke..
Avatar billede Slettet bruger
22. februar 2008 - 19:59 #3
hej igen

- nej man kan ikke sætte det i et stylesheet, når det er bygget op med JavaScript som det er her... Men er det ikke også lidt at skyde gråspurve med kanoner hvis det bare er til to sider???

\Dan
Avatar billede krel Nybegynder
22. februar 2008 - 21:08 #4
jo lige præcis... har dog prøvet at ændre lidt dog helt uden held, for ville gerne lave teksten grå (#999999) når den hovede og eller normal weight hele tiden...
Avatar billede Slettet bruger
22. februar 2008 - 21:29 #5
ok... jamen så gør vi bare sådan her:

<script language="Javascript">
function celleind(){
document.getElementById('celle1').style.color='#999999';
document.getElementById('celle2').style.color='#999999';
document.getElementById('celle3').style.color='#999999';
document.getElementById('celle4').style.color='#999999';
}
function celleud(){
document.getElementById('celle1').style.color='#000000';
document.getElementById('celle2').style.color='#000000';
document.getElementById('celle3').style.color='#000000';
document.getElementById('celle4').style.color='#000000';
}
</script>
<table>
<tr>
<td id="celle1" onmouseover="celleind();" onmouseout="celleud();" style="font-weight: normal; color: #000000;">celle1</td>
<td id="celle2" onmouseover="celleind();" onmouseout="celleud();" style="font-weight: normal; color: #000000;">celle2</td>
<td id="celle3" onmouseover="celleind();" onmouseout="celleud();" style="font-weight: normal; color: #000000;">celle3</td>
<td id="celle4" onmouseover="celleind();" onmouseout="celleud();" style="font-weight: normal; color: #000000;">celle4</td>
</tr>
</table>

\Dan
Avatar billede smitten1 Nybegynder
22. februar 2008 - 21:31 #6
Man kan vel lige så godt kalde javascriptet på tr elementet

<table>
<tr onmouseover="this.style.color='#999999'" onmouseout="this.style.color='#000000'" style="cursor: pointer; cursor: hand" onclick="location='nyside'">
<td>celle1</td>
<td>celle2</td>
<td>celle3</td>
<td>celle4</td>
</tr>
</table>

en del browsere (men åbenbart ikke internet explorer) understøtter css hover på andre elementer end lige a
Avatar billede Slettet bruger
22. februar 2008 - 22:09 #7
Hej smitten1

- det kan du have ret i at det også bare kan laves i en <tr>...

Min erfaring siger mig bare at sådan noget her er meget mere stabilt at lave i Javascript fremfor at lave det i et stylesheet... Sådan at alle browsere kan håndtere det...

\Dan
Avatar billede krel Nybegynder
22. februar 2008 - 22:14 #8
den tar i bare har valgt dit bud dannielsen.. jeg forsøge at snuppte lidt fra stylesheete i mit forsøg men som sagt gik det ikke...

- nu virker det lige som det skal!
Avatar billede krel Nybegynder
22. februar 2008 - 22:48 #9
og halløj igen..
>> smitten1 det viste sig faktisk at dit eks var det mest brugbare i min situation og det virker faktist i ie7 så svar lige her: http://www.eksperten.dk/spm/820785 og så får du dine point også
Avatar billede krel Nybegynder
22. februar 2008 - 23:10 #10
et lille problem melder sig igen...

hvordan sætter jeg et raget i location='' ??

meget vigtigt da jeg ellers skal til at bygge en go del af min side om...
Avatar billede Slettet bruger
23. februar 2008 - 00:44 #11
tjae hvad hedder din target?
- har du opbygget din side i frames/rammer eller skal den åbne i et nyt vindue eller hvordan?

\Dan
Avatar billede krel Nybegynder
23. februar 2008 - 18:22 #12
har en side [side.asp] som er bygget op i tabeller, i den er der en iframe som indeholder [nyhed.asp] som ligger i en anden mappe end [side.asp].

på [nyhed.asp] linkes der til sider som skal åbne på hele [side.asp]

sådan her ligger de på web:
root/da/nyheder/side.asp
root/falles/nyhed.asp <- her er et link som skal åbne en side [side2.asp] på hele [side.asp]
Avatar billede olebole Juniormester
23. februar 2008 - 18:26 #13
<ole>

<a href="root/falles/nyhed.asp" target="_top">Link</a>

/mvh
</bole>
Avatar billede olebole Juniormester
23. februar 2008 - 18:27 #14
- eller, hvis du med 'root' mener roden af dit site:
    <a href="/falles/nyhed.asp" target="_top">Link</a>
Avatar billede krel Nybegynder
23. februar 2008 - 18:31 #15
thja nu står linket bare her: onclick="location='side2.asp' - og ikke som alm a link
Avatar billede krel Nybegynder
23. februar 2008 - 23:45 #16
når med hensyn til det target valgte jeg en anden løsning der ikke krævede den store ombygning... men smitten1 kig lige forbi http://www.eksperten.dk/spm/820785 og få de point du SKAL ha for dit bud herinde...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester