Avatar billede sonic666 Novice
15. marts 2007 - 15:30 Der er 11 kommentarer og
1 løsning

Hvordan flytter jeg en style fra en <td> til ekstern css-fil

Jeg har en <td> med en style. Pga. at cellen skal indeholde et link til en php-fil kan jeg ikke bruge "gåseøjne", og hvis jeg erstatter dem med 'anførselstegn' virker det ikke.

Derfor var min tanke at flytte hele stylen fta min <td> til en ekstern css-fil, og så give <td>'en en class.

Hvordan gør jeg det... og hvordan får jeg det hele med?




Her er hele min style:

style="background-image: url(menubutton_under.jpg); color: #969696" onmouseover="this.style.backgroundImage='url(menubutton_under_hover.jpg)';this.style.color='#ffffff'" onmouseout="this.style.backgroundImage='url(menubutton_under.jpg)';this.style.color='#969696';"
Avatar billede roenving Novice
15. marts 2007 - 15:47 #1
Det er både en style og noget mouseover-script, så du skal lægge noget i style og noget i et script:

.minTd{
  background-image: url(menubutton_under.jpg);
  color: #969696
}

function tdHover(elm,bgPic,act){
  elm.style.backgroundImage = "url(" + (act ? bgPic.replace(/\.jpg/,"_hover.jpg") : bgPic) + ")";
  elm.style.color = act ? #fff : #969696;
}

-- men du slipper ikke for både gåseøjne og apostrofer, fr så ser td-tagget sådan ud:

<td class="minTd" onmouseover="tdHover(this,'menubutton_under.jpg',true);" onmouseout="tdHover(this,'menubutton_under.jpg',false);"

-- men der er i øvrigt da ikke nogen problemer i at udskrive det med php, f.eks.

print " <td style=\"background-image: url(menubutton_under.jpg); color: #969696\" onmouseover=\"this.style.backgroundImage='url(menubutton_under_hover.jpg)';this.style.color='#ffffff'\" onmouseout=\"this.style.backgroundImage='url(menubutton_under.jpg)';this.style.color='#969696';\">
Avatar billede sonic666 Novice
15. marts 2007 - 16:01 #2
hmmmm... kan du så ikke hjælpe mig med at strikke det sammen?

her er mit php-link:

<?php
echo"<a href='index.php?do=add_form&page=1' target='main'>Skriv en besked</a>";
?>



Det link vil jeg gerne have ind i den her celle:

<td width="85" class="td_menu_text" style="background-image: url(menubutton.jpg); color: #969696" onmouseover="this.style.backgroundImage='url(menubutton_hover.jpg)';this.style.color='#ffffff'" onmouseout="this.style.backgroundImage='url(menubutton.jpg)';this.style.color='#969696'">skriv en besked</td>


Nu har jeg fedtet med det i over en uge og kan bare ikke få det til at virke.
Avatar billede roenving Novice
15. marts 2007 - 16:09 #3
Skal linket bare ind i cellen ?-)

-- eller skal det ligge så hele cellen er klikbar ?o]

-- og skal hele siden skifte, eller skal det være en popup ...
Avatar billede sonic666 Novice
15. marts 2007 - 16:23 #4
Det ville være bedst hvis hele cellen er klikbar. Det skal ikke være en popup. target er en anden frame. Håber du kan hjælpe  ;-)
Avatar billede roenving Novice
15. marts 2007 - 16:30 #5
echo "<td width=\"85\" class=\"td_menu_text\" style=\"background-image: url(menubutton.jpg); color: #969696;cursor:pointer;\" onmouseover=\"this.style.backgroundImage='url(menubutton_hover.jpg)';this.style.color='#ffffff'\" onmouseout=\"this.style.backgroundImage='url(menubutton.jpg)';this.style.color='#969696'\" onclick=\"parent.main.location.href='index.php?do=add_form&page=1'\">skriv en besked</td>";
Avatar billede sonic666 Novice
15. marts 2007 - 16:43 #6
nej... det virker ikke helt
Avatar billede sonic666 Novice
15. marts 2007 - 16:45 #7
istedet for en knap for jeg en grå kasse med

echo"
";
så står der skriv en besked, men det er ikke et link.
Avatar billede roenving Novice
15. marts 2007 - 16:48 #8
Hvad siger koden, hvis du tager den fra Vis kilde i browseren ?-)
Avatar billede sonic666 Novice
15. marts 2007 - 16:49 #9
hey vent lidt

havde glemt  <?php    ?>
Avatar billede sonic666 Novice
15. marts 2007 - 16:56 #10
Jep det virker nu! Skide fedt  ;-)
Skriv noget få du lige nogle point
Avatar billede roenving Novice
15. marts 2007 - 16:57 #11
Velbekomme '-)
Avatar billede roenving Novice
15. marts 2007 - 17:20 #12
-- og tak for point ;~}
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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