Hjælp med hjemmeside

Har noget lignende på denne demoside:
http://tjens.dk/javascript/examples/PopupMenu.html

Hold musen over E'erne i 4. kolonne for at se boksen.

Denne funktion åbner boksen:

    function popMenu(span) {
        resetRowColor();
        row = span.parentNode.parentNode;
        row.style.backgroundColor = "lightyellow";
        oPopMenu.style.left = (span.parentNode.offsetLeft + 30) + "px";
        oPopMenu.style.top = (span.parentNode.offsetTop +10)  + "px";
        oPopMenu.style.display = 'block';

    }

Dette kalder funktionen:
<span class="editLink" onmouseover="popMenu(this)"  >E</span>

I dit tilfælde skal du indføre flere parametre som her:

popMenu(this, "Hans Hansen", "HansH01.jpg")

og derefter sætte værdierne ind i boksen med DOM funktioner.

Jeg har desværre ikke meget forstand på CSS og Javascript.:(

Men jeg har fundet den her kode:

<A HREF="http://www.HJEMMESIDE/" TITLE="Spiller Info&#10;&#13;
Navn:&#10;&#13;
Alder:&#10;&#13;
Højde:&#10;&#13;
Position: Center&#10;&#13;
År i klubben: 7 år&#10;&#13;
">SPILLER MORTEN</A>

Men den ser ikke så godt ud..

Derimod har jeg fundet et bedre kode, som findes her:
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/P500/

Hvis man prøver at flytte musen til "sushi" eller "Zoka coffee" med skriftfarven rødt, så kommer der et billede med tekst.
Det er sådan jeg gerne vil tilføje.

CSS og HTML står lige under, men jeg forstår ikke lige hvordan man tilføjer dem?

var det her ikke bedre: http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm ?

der er tekst og billede...

Ja, der er tekst og billede. Det ser også meget fint.

Men det andet box ser bedre ud. Hvis du har en idé om hvordan jeg får tilføjet det til et navn på hjemmesiden?

hvordan henter du dine data ud?

Hvordan mener du?

Jeg oploader billederne til min webspace. Derefter skriver jeg listen på spillerne på en html side.

Jeg vil have sådan at på hvert navn skulle man se et billede og deres oplysninger, når man flytter musen til deres navn.

Og her er CSS og HTML koden, jeg gerne vil tilføje:
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/P500/

Men hvordan tilføjer man dem?

Du indsætter hele STYLE sektionen i HEAD sektionen i din HTML.

Og så laver du hver spiller ca sådan her:

<a class="thumbnail" href="#thumb">Hans Hansen<span><img src="images/HansHansen.jpg" /><br />
Alder: 23<br />
Højde: 180<br />
Position: Center<br />
Antal år i klubben: 7</span></a>

Hvis listen skal være lidt pænere kan du bruge en TABLE i stedet for linier med BR

Wow, jeg siger mange tak:)

Det ser meget godt ud.
Perfekt.

Bare smid et svar og du får 200 point:)

Det med table:
Mener du på siden eller inde i boksen?

Ja, jeg er lidt i tvivl med informationslisten. Det ser ikke helt godt ud med det her:

Alder: 23<br />
Højde: 180<br />
Position: Center<br />
Antal år i klubben: 7</span></a>

Jeg mener en table inden for det SPAN der giver popupeffekten:

<a class="thumbnail" href="#thumb">Hans Hansen<span>
<table>
  <tr><td colspan="2">
    <img src="images/HansHansen.jpg" /></td></tr>
  <tr><td>Alder</td><td> 23</td></tr>
  <tr><td>Højde</td><td>180</td></tr>
  <tr><td>Position</td><td>Center</td></tr>
  <tr><td>Antal år i klubben</td><td>7</td></tr>
</table>
</span></a>

Desværre virker scriptet ikke:(

Hvad virker ikke?
Jeg har kopieret det ind i min egen testside, og det virker fint.

Jeg har dog lige udvidet med align="right" i tal-cellerne for at få opstillingen pænere:

<a class="thumbnail" href="#thumb">Hans Hansen<span>
<table>
  <tr><td colspan="2"><img src="pic1.jpg" /></td></tr>
  <tr><td>Alder</td><td align="right"> 23</td></tr>
  <tr><td>Højde</td><td align="right">180</td></tr>
  <tr><td>Position</td><td>Center</td></tr>
  <tr><td>Antal år i klubben</td><td align="right">7</td></tr>
</table>
</span></a>

Yes, meget fedt.

Jeg har lige fundet ud af at jeg godt kan se det på WebCreator, men jeg kan ikke se på selve hjemmesiden.

Men det var lige det jeg søgte efter. Tak.

Men ved du hvad problemet kan være at den ikke kan ses på hjemmesiden?

Over navnet kommer der bare en lille 5x5 pixels boks. Der kommer ikke billedet eller teksten.

Du har glemt at kopiere billederne over på hjemmesidens server?
Ellers giv et link til hjemmesiden.

Billedet er allerede oploaded. Det er ikke der problemet ligger.

For den første kode virkede.
Problemet ligger på den nye kode med TABLE, som har et bedre opstiling.

Kan jeg ikke sende linket over e-mail, for jeg vil helst ikke have at hjemmesiden kommer i Google resultater.

Jeg har også lige fundet ud af at det virker på Internet Explorer og ikke Firefox.

Så er der bare 2 problemer:
Man kan ikke se det i Firefox.
Når jeg indtaster den nye kode, så kommer der en ny box til højre.

Her er billedet, hvor du også kan se linket. Helst ikke nævne linket her, okay:)
http://img15.imageshack.us/img15/2325/unavngivetepj.jpg

Det er måske fordi din side i forvejen er bygget op af TABLEs og der allerede er defineret en masse CSS på både TABLE og A:hover.

Siden må være genereret af et program, da ingen programmør ville brug så meget og så rodet kode.

Jeg er bange for at siden skal håndprogrammeres på en mere simpel måde, inden scriptet fra dynamicdrive kan bruges. Jeg vil dog også betegne scriptet fra dynamicdrive som værende på grænsen til et hack, som sikkert ikke vil virke i alle browsere i fremtiden.

Jeg forstår.

Så må jeg bruge den tidligere script, som alligevel ikke er så værst.

Mange tak for din hjælp:)