Avatar billede cdygaard Nybegynder
07. juli 2004 - 15:56 Der er 16 kommentarer og
1 løsning

'alt' tekst permanent

Kan jeg ikke gøre ALT teksten i et IMG tag permanent således at den ikke forsvinder efter nogle sekunder når man holder musen over billedet?
Avatar billede grunken Nybegynder
07. juli 2004 - 16:06 #1
Nej det kan man ikke da alt/title teksten er 100% afhængig af styresystemet :o)
Avatar billede grunken Nybegynder
07. juli 2004 - 16:11 #2
men man kunne jo lave en lille funktion til formålet :o)

<html>
<head>
<script language="javascript" type="text/javascript">
var tid,ie=(document.all)?1:0;

function vislag(str,f){
e = document.getElementById('tip');

y = (ie)?f.clientY+(document.body.scrollTop+20)+"px":f.pageY+"20"+"px";
x = (ie)?f.clientX+document.body.scrollLeft+"px":f.pageX+"px";

e.style.top = y;
e.style.left = x;

vis = (e.style.display=='none')?1:0

if(vis){
  e.innerHTML = str;
  e.style.display = "inline";
}
}

function skjul(){
document.getElementById('tip').style.display = "none";
}
</script>

<style type="text/css">
#tip
{
border:solid  1px #000000;
background:#FCFDC7;
position:absolute;
padding:2px;
display:inline;
font-size:10px;
}
</style>
</head>

<body>
<div id="tip" style="display:none">blabla</div>
<img src="billede.jpg" onmousemove="vislag('En masse tekst',event);" onmouseout="skjul();">
</body>
</html>
Avatar billede cdygaard Nybegynder
07. juli 2004 - 16:12 #3
Har du prøvet den af?
Avatar billede grunken Nybegynder
07. juli 2004 - 16:14 #4
Tjah, jeg har jo selv lavet den, hvis det er det du mener ?
Avatar billede cdygaard Nybegynder
07. juli 2004 - 16:16 #5
Hvad skal jeg skrive ved 'event'?
Avatar billede grunken Nybegynder
07. juli 2004 - 16:19 #6
event skal bare blive stående som den står der :o)

det eneste du skal ændre er teksten mellem ''
Avatar billede cdygaard Nybegynder
07. juli 2004 - 16:19 #7
Ok, mange tak. Giv lige et svar.
Avatar billede grunken Nybegynder
07. juli 2004 - 16:26 #8
Velbekomme da :o)
Avatar billede cdygaard Nybegynder
07. juli 2004 - 16:32 #9
Jeg får altså en fejl ved DIV tag'et. Syntax error.
Avatar billede grunken Nybegynder
07. juli 2004 - 17:15 #10
Jeg tror at du er galt på den så :o)

lurede lige i dit senere oprettede spørgsmål , og det ser rodet ud!

Jeg vil meget gerne hjælpe, men din kode er absolut ret uoverskuelig for både dig selv og andre :o)

hvis du gør brug af tables skal skelettet du skal følge se nogenlunde sådan ud

<body>
<div id="tip" style="display:none">blabla</div>
<table>
<tr>
  <td>
<img src="billede.jpg" onmousemove="vislag('En masse tekst',event);" onmouseout="skjul();">
  </td>
  <td>
<img src="billede2.jpg" onmousemove="vislag('En masse tekst',event);" onmouseout="skjul();">
  </td>
</tr>
</table>
</body>
</html>

og husk at du under INGEN omstændigheder må dele events på tags, så de ser sådan ud!

<img src="billede.jpg" onmousemove="vislag('En masse,
meget mere tekst',event);" onmouseout="skjul();">

et godt råd er derfor at du begynder at bruge lidt tid på at overskueliggøre din html, fort både dig selv og andre!
Avatar billede cdygaard Nybegynder
07. juli 2004 - 17:36 #11
Må jeg ikke gøre sådan her:

print ("<IMG SRC='images/questionsign.gif' onmousemove='vislag('&nbsp;',event);' onmouseout='skjul();' ALIGN='LEFT'>");
Avatar billede grunken Nybegynder
07. juli 2004 - 17:51 #12
php I asume :o)

jow når du gør det på den måde burde der ikke være de store problemer!
men uanset hvad er det de html output der kommer til at se meget uoverskueligt ud!

Jeg ville nok skrive det sådan!

echo '<img src="images/questionsign.gif" onmousemove="vislag(\'&nbsp;\',event);' onmouseout="skjul();" align="left">';

-og sidst men ikke mindst skal du huske at både strukturere din php, så du simpelt kan fejlsøge i begge dele - og så prøv og vænd dig til at skrive hele dynen med småt - det er nemlig overens med de nye phpstandarder :o)
Avatar billede grunken Nybegynder
07. juli 2004 - 17:51 #13
whops :o)

echo '<img src="images/questionsign.gif" onmousemove="vislag(\'&nbsp;\',event);" onmouseout="skjul();" align="left">';
Avatar billede cdygaard Nybegynder
07. juli 2004 - 17:54 #14
Mange tak grunken. Du får karma.
Avatar billede cdygaard Nybegynder
07. juli 2004 - 18:01 #15
Den syntax fejl jeg fik, kom vist fordi jeg ikke brugte enkelt og dobbelt plinger på samme måde gennem hele mit javascript, altså jeg skrev først:

print ("<IMG SRC='images/questionsign.gif' onmousemove=\"vislag('&nbsp;',event);\" onmouseout=\"skjul();\" ALIGN='LEFT'>");

og senere enkelt plinger omkring funktionerne:

print ("onclick='sure();' onsubmit='redirect('" . (int) $cols . "', '" . (int) $uid . "');'>");

Man skal følge sin stil metodisk, er det ikke rigtigt?
Avatar billede cdygaard Nybegynder
07. juli 2004 - 18:02 #16
Giv lige et svar.
Avatar billede grunken Nybegynder
07. juli 2004 - 18:46 #17
:o) - nu ligger landet sådan at du har accepteret mit svar :o) - og tak for det!

Du har helt ret i at det vil lette en masse for dig selv at du gør din kodning konskvent og metodisk.

Som du korrekt viser i de 2 eksempler laver du plinger på samme måde, og derfor vil det være let for dig at finde fejl - eller øve dig i at lave det rigtigt hver gang :o)

en anden ting er at du skal huske at php - ikke laver linebreaks hvis du skriver

print ("<img src=\"jaja.jpg\">);
print ("<img src=\"nejnej.jpg\">);

dette vil i html'n se sådan ud
<img src="jaja.jpg"><img src="nejnej.jpg">

og du kan se at med 1000 linier af den slags vil det gøre din html synderligt uoverskuelig at fejlfinde i (prøv evt. at kigge lidt i ekspertens kilde - klart at admin har problemer med at finde fejl)

så du kan for overskuelighedens skyld ændre lidt:

$str = "<img src=\"jaja.jpg\">\n";
$str .= "<img src=\"nejnej.jpg\">\n";

echo $str;


en anden ting, brug echo i stedet for print, de gør det samme men echo fylder mindre tegn( hvis man nu skal være rigtigt pernitten);

Håber det gav lidt indsigt - men igen skal man jo selvfølgelig gøre det på den måde der falder ind bedst ind :o)
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