How do I make a div come out on span mouseover? AJAX, PHP?

Question

I have a list-out of sport federations.
Formatted like this:

Sport - UEFA (textbox with their mail that can be edited directly with onchange)(-Delete button-)

All under span id='federationinfo'.
I want to create a script that will open a new div containing the information about federation (editable) onmousover a spanned federationinfo.
Note that I'm not experienced in AJAX, but I know PHP well.

Answer 1

This can be done with AJAX. Use javascript to read from an XML file on mouseover. It's that simple.





http://www.justin-cook.com/wp/2006/11/03/how-to-load-xml-data-with-javascript-ajax-tutorial/

Answer 2

Just use javascript:





[span

onmouseover="document.getElementById('divTarget').style.display='block';"

onmouseout="document.getElementById('divTarget').style.display='none';"]

Mouseover this

[/span]

[br /] [br /]

[div id="divTarget" style="display:none;"]This is the target div![/div]





Replace all the ['s with <'s and ]'s with >'s

Answer 3

http://www.w3schools.com/



http://www.tizag.com/htmlT/htmlinput.php



These two websites should help you in the right direction.