CSS og PHP sammen [LØST]

[Yankes]

Jeg har nå en div med et bilde som bakgrunn!

også vil jeg at det skal være sånn det er nå hele tiden, bortsett fra når man ta musa over bildet så vil jeg at det skal komme opp en checkbox!

 

any idea?

 

EDIT: og hvis du tar musa bort så skal den forsvinne igjen!

Men hvis du trykker på checkboksen og markerer den, da skal den ikke forsvinne!

 

EDIT2: Endra emnetittel, sjekk siste post!

Endret 8. mai 2008 av YaNkEs

[iM'andY]

Hmm, hva er egentlig vitsen med dette? Men tror nok det må noe Javascript til, ja!

[Yankes]

Ja, må nok bruke javascript!

 

Jeg har laget en innboks for meldinger, men har ikke plass til noen checkbox der!

Jeg har et bilde av en konvolutt som viser om meldingen er lest eller ikke, så jeg tenkte at jeg skulle ha sånn at når du holder musa over konvolutten så kommer det opp en checkboks over konvolutten, så kan du markere de meldingene du vil og slette dem!

[DaddyYankee]

Hva er nettsiden din, skal se på den, og se om jeg kan gjøre noe.

[Yankes]

Har ikke lagt det ut på siden enda, driver og tester det!

 

Sånn er innboksen..

print("<tr>"); 
print("<td class=\"$tabell\" align=\"left\">"); 
print("<div class=\"innboks\" style=\"background: url(".$bilde.")\"></div>"); // Her skulle jeg hatt den checkboksen!
print("</td>"); 
print("<td class=\"$tabell\" align=\"left\">"); 
print("<a href=\"?side=innboks&meldingsid={$meldinger['meldingsid']}\">{$meldinger['emne']}</a>"); 
print("</td>"); 
print("<td class=\"$tabell\" align=\"left\">"); 
print("{$meldinger['avsender']}");
print("</td>"); 
print("<td class=\"$tabell\" align=\"left\">"); 
print("{$meldinger['dato']}");
print("</td>"); 
print("</tr>");

[Yankes]

Nei, jeg fant ut nå at jeg driter i det!

Dem får nøye seg med dette her og "Tøm Innboks!"

 

men jeg har møtt på et nyttproblem på den nye måten min ..

 

if($meldinger['lest'] == "true") {
$bilde = "gfx/lest.gif";
} else {
$bilde = "gfx/ulest.gif";
}

?>

<style>
.innboks {
width: 20px;
height: 15px;
background-image: url($bilde); // Her ligger problemet
background-repeat: no-repeat;
}

.innboks:hover {
background-image: url("gfx/slett.gif");
background-repeat: no-repeat;
}
</style>

Jeg vet ikke hvordan jeg skal få CSS koden og PHP koden til å jobbe sammen ..

Sånn koden min er nå så kommer det ikke noe bilde, annet enn hvis jeg holder musa over, da kommer slett.gif

 

any idea?

[Intramin]

Skriv

background-image: url(<?php echo $bilde; ?>);

[iM'andY]

Du kan ikke skrive php utenfor php taggen, her tror browseren at bildefila heter $bilde. Slengte bare isammen en kjapp snutt her, den skal funke! (utestet)

 

<?php
if($meldinger['lest'] == "true") {

  $bilde = "gfx/lest.gif";
  } else {

  $bilde = "gfx/ulest.gif";
}
?>

<style type="text/css">
.innboks {
width: 20px;
height: 15px;
background-image: url("<?php echo "$bilde" ?>");
background-repeat: no-repeat;
}

.innboks:hover {
background-image: url("gfx/slett.gif");
background-repeat: no-repeat;
}
</style>

EDIT:

background-image: url(<?php echo $bilde; ?>);

 

Han må jo definere variabelen $bilde før han printer den? Som jeg viste i koden min

Endret 8. mai 2008 av infeCtion

[Yankes]

Det funka ikke ..

 

Denne bruker jeg nå:

if($meldinger['lest'] == "true") {
$bilde = "gfx/lest.gif";
} else {
$bilde = "gfx/ulest.gif";
}

?>

<style type="text/css">
.innboks {
width: 20px;
height: 15px;
background-image: url(<?php echo $bilde; ?>); // <-- !?!?
background-repeat: no-repeat;
}

.innboks:hover {
background-image: url("gfx/slett.gif");
background-repeat: no-repeat;
}
</style>

 

Selv om $meldinger['lest'] er "false" så vises gfx/lest.gif uansett!

og ja, alt er testet, så det er i CSS biten der feilen ligger

[iM'andY]

Hmm, du kan prøve denne metoden (vet ikke om det funker).

<?php
if($meldinger['lest'] == "true") {

  $bilde = "gfx/lest.gif";
  } elseif($meldinger['lest'] == "false") {

  $bilde = "gfx/ulest.gif";
}
?>

<style type="text/css">
.innboks {
width: 20px;
height: 15px;
background-image: url("<?php echo "$bilde" ?>");
background-repeat: no-repeat;
}

.innboks:hover {
background-image: url("gfx/slett.gif");
background-repeat: no-repeat;
}
</style>

 

EDIT:

Glemte lukke code taggen min, sorry!

Endret 8. mai 2008 av infeCtion

[Yankes]

Nei, funker forsatt ikke : (

 

hvis jeg gjør sånn:

if($meldinger['lest'] == "true") {
$bilde = "gfx/lest.gif";
} else {
$bilde = "gfx/ulest.gif";
}

 

og gjør sånn på div'en der bildet skal være:

<div style=\"background: url(".$bilde.")\"></div>

Da funker det, men da funker ikke .innboks:hover! da kommer ikke slett.gif opp når jeg holde musa over diven ..

[iM'andY]

Har du prøvd med onFocus eller onmouseover?

[Yankes]

Neppe, tenkte på det..

 

<div style=\"background: url(".$bilde.")\" onmouseover=\"style.background.url(gfx/slett.gif)\">

noe sånt da eller?

 

EDIT: sånn nå har jeg fiksa alt, eneste jeg mangler er den onmouseover biten

Endret 8. mai 2008 av YaNkEs

[Yankes]

LØST

 

sånn her ble det til slutt:

$innboks = 0;

while($meldinger = mysql_fetch_array($henter_meldinger))
{

if($meldinger['lest'] == "true") {
 $bilde = "gfx/lest.gif";
 } else {
 $bilde = "gfx/ulest.gif";
}

$innboks++;


// Og diven ble slik:

print("<div id=\"$innboks\" style=\"background: url(".$bilde.");width: 20px;height: 15px;\" 
onmouseover=\"document.getElementById('".$innboks."').style.backgroundImage='url(gfx/slettmelding.gif)';\" 
onmouseout=\"document.getElementById('".$innboks."').style.backgroundImage='url(".$bilde.")';\"></div>");

 

Takker for alle svar : D

[iM'andY]

onmouseover det funka bra det! Enkelt å greit hehe