Avatar billede erikrn Juniormester
08. november 2016 - 17:19 Der er 5 kommentarer og
1 løsning

PHP OG HOVER

Hej
Inde i noget php har jeg et lille billede der er et "link"
jeg vil gerne have billedet til at "change when hover"
og fandt nedenstående dejlig nemt forståelige side:
http://www.corelangs.com/css/box/hover.html
se lidt nede "Image link change on hover (Make A Rollover Image Effect)"
og det var jo lige det jeg ville
MEN jeg har desværre ikke hjerne til at kunne få det til at fungere (inde i php) :-(
mit php ser sådan ud (det er inde i en tabel der udskrives fra en database):
<TD><a href=\"#\" onClick=\"winpop('popupet.php?Ident=$hIdent')\" title=\"Noter\"><img src=\"nixi.gif\" border=\"0\"></a></TD>

det er <img src=\"nixi.gif\" border=\"0\">  jeg gerne vil ændre

er der hjælp at få ?

mvh
Erik RN
Avatar billede Slater Ekspert
08. november 2016 - 17:40 #1
Ligesom dit sidste spørgsmål har det intet som helst med PHP at gøre.
Du kan bruge HTML og enten CSS eller Javascript til at skifte på mouseover. Ikke PHP.

Det eksempel du peger på, gør det med CSS, hvilket også er den bedste måde. Men der har du allerede en guide til hvordan det gøres. Og det kan altså ikke lade sig gøre i PHP, du er nødt til at gøre som de siger.
Avatar billede erikrn Juniormester
08. november 2016 - 18:07 #2
Hej igen
Ikke i php
nå ja så ved jeg det
ok men hvordan får jeg så det ud af php?
jeg har lagt <style type="text/css">  i <head>
men
er der muligt at få det "ud af php" eller at få det til at virke i php ?

Erik RN
Avatar billede Slater Ekspert
08. november 2016 - 19:30 #3
Altså, PHP kan udskrive hvad som helst, inkl. HTML og CSS.

Om du skriver
<img src="blabla.jpg">
eller
<?php
echo '<img src="blabla.jpg">';

- det er sådan set komplet ligegyldigt for browseren, for den ser kun det endeligt udskrevne HTML og CSS alligevel.

Men jeg må desværre indrømme, jeg ikke helt forstår hvilket problem du har. Du siger du udskriver <img> tag'et fra PHP,  hvilket jo er fint nok, og du har lagt <style> ind i <head> hvilket også er korrekt... så hvor er det, det går galt? Og hvad vil du præcist have der til at ske?
Avatar billede erikrn Juniormester
08. november 2016 - 22:12 #4
i følge ovenstående artikel, har jeg i <hear> følgende
<style type="text/css">
        .urlImg {background-image: url('nixi.gif');    }
        .urlImg:hover {    background-image: url('nix-2i.gif');} </style>
og så skal der skrives noget i stedet for <img src=\"nixi.gif\" border=\"0\"> i min php-del, hvor en af linierne er:
<TD><a href=\"#\" onClick=\"winpop('popupet.php?Ident=$hIdent')\" title=\"Noter\"><img src=\"nixi.gif\" border=\"0\"></a></TD>
lige meget hvordan jeg skriver class=urlImg så får jeg ikke nixi.gif frem på skærmen og slet ingen hover-reaktion; jeg formår ikke at skrive syntaksen korrekt

Erik
Avatar billede olsensweb.dk Ekspert
09. november 2016 - 07:10 #5
du mangler at anvende din class på dit a tag, og fjerne dit nuværende img tag

<TD><a href=\"#\" onClick=\"winpop('popupet.php?Ident=$hIdent')\" title=\"Noter\"><img src=\"nixi.gif\" border=\"0\"></a></TD>

skal se sådan ud (utested)
<TD><a href=\"#\" class=\"urlImg\" onClick=\"winpop('popupet.php?Ident=$hIdent')\" title=\"Noter\"></a></TD>


er der en grund til at du anvender dobbelt plinger både i php og HTML ?? så du er nødt til at escape ", det er ikke forkert, men ved at skulle escape bliver coden knap så køn
Avatar billede erikrn Juniormester
10. november 2016 - 21:52 #6
Hej og undskyld det sene svar
Jeg har opgivet projektet, thi løsningerne duer ikke nok fordi class-statementet er i en php-loop.
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

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