Comunque ti capisco, e hai ragione, incollare solo codici non è il sistema, però, io devo sempre avere una base da osservare perchè con php e html me la cavo, ma con js e jquery no quindi se non posso nemmeno vedere qualcosa per me è chiaro che risulterà impossibile...
Comunque sono riuscito a scaricare jquery 1.3.1. e l'ho inserito in una cartella provejquery...
Per il discorso che ti facevo prima (che ho bisogno di visualizzare una base) penso che questo possa fare al caso mio...
Codice:
<!DOCTYPE html>
<html>
<head>
<title>Tooltip con jQuery, HTML5 e CSS3</title>
<script type="text/javascript" src="provejquery/jquery.mobile-1.3.1.js"></script>
<script>
$(function()
{
var hideDelay = 500;
var currentID;
var hideTimer = null;
// One instance that's reused to show info for the current person
var container = $('<div id="personPopupContainer">'
+ '<table width="" border="0" cellspacing="0" cellpadding="0" align="center" class="personPopupPopup">'
+ '<tr>'
+ ' <td class="corner topLeft"></td>'
+ ' <td class="top"></td>'
+ ' <td class="corner topRight"></td>'
+ '</tr>'
+ '<tr>'
+ ' <td class="left"> </td>'
+ ' <td><div id="personPopupContent"></div></td>'
+ ' <td class="right"> </td>'
+ '</tr>'
+ '<tr>'
+ ' <td class="corner bottomLeft"> </td>'
+ ' <td class="bottom"> </td>'
+ ' <td class="corner bottomRight"></td>'
+ '</tr>'
+ '</table>'
+ '</div>');
$('body').append(container);
$('.personPopupTrigger').live('mouseover', function()
{
// format of 'rel' tag: pageid,personguid
var settings = $(this).attr('rel').split(',');
var pageID = settings[0];
currentID = settings[1];
// If no guid in url rel tag, don't popup blank
if (currentID == '')
return;
if (hideTimer)
clearTimeout(hideTimer);
var pos = $(this).offset();
var width = $(this).width();
container.css({
left: (pos.left + width) + 'px',
top: pos.top - 5 + 'px'
});
$('#personPopupContent').html(' ');
$.ajax({
type: 'GET',
url: 'personajax.aspx',
data: 'page=' + pageID + '&guid=' + currentID,
success: function(data)
{
// Verify that we're pointed to a page that returned the expected results.
if (data.indexOf('personPopupResult') < 0)
{
$('#personPopupContent').html('<span >Page ' + pageID + ' did not return a valid result for person ' + currentID + '.<br />Please have your administrator check the error log.</span>');
}
// Verify requested person is this person since we could have multiple ajax
// requests out if the server is taking a while.
if (data.indexOf(currentID) > 0)
{
var text = $(data).find('.personPopupResult').html();
$('#personPopupContent').html(text);
}
}
});
container.css('display', 'block');
});
$('.personPopupTrigger').live('mouseout', function()
{
if (hideTimer)
clearTimeout(hideTimer);
hideTimer = setTimeout(function()
{
container.css('display', 'none');
}, hideDelay);
});
// Allow mouse over of details without hiding details
$('#personPopupContainer').mouseover(function()
{
if (hideTimer)
clearTimeout(hideTimer);
});
// Hide after mouseout
$('#personPopupContainer').mouseout(function()
{
if (hideTimer)
clearTimeout(hideTimer);
hideTimer = setTimeout(function()
{
container.css('display', 'none');
}, hideDelay);
});
});
</script>
<style>
#personPopupContainer
{
position:absolute;
left:0;
top:0;
display:none;
z-index: 20000;
}
.personPopupPopup
{
}
#personPopupContent
{
background-color: #FFF;
min-width: 175px;
min-height: 50px;
}
.personPopupPopup .personPopupImage
{
margin: 5px;
margin-right: 15px;
}
.personPopupPopup .corner
{
width: 19px;
height: 15px;
}
.personPopupPopup .topLeft
{
background: url(../images/personpopup/balloon_topLeft.png) no-repeat;
}
.personPopupPopup .bottomLeft
{
background: url(../images/personpopup/balloon_bottomLeft.png) no-repeat;
}
.personPopupPopup .left
{
background: url(../images/personpopup/balloon_left.png) repeat-y;
}
.personPopupPopup .right
{
background: url(../images/personpopup/balloon_right.png) repeat-y;
}
.personPopupPopup .topRight
{
background: url(../images/personpopup/balloon_topRight.png) no-repeat;
}
.personPopupPopup .bottomRight
{
background: url(../images/personpopup/balloon_bottomRight.png) no-repeat;
}
.personPopupPopup .top
{
background: url(../images/personpopup/balloon_top.png) repeat-x;
}
.personPopupPopup .bottom
{
background: url(../images/personpopup/balloon_bottom.png) repeat-x;
text-align: center;
}
</style>
</head>
<body>
<a class="personPopupTrigger" href="<link to person>" rel="4218,a17bee64-8593-436e-a2f8-599a626370df">House, Devon</a>
<a class="personPopupTrigger" href="<link to person>" rel="4218,f6434101-15bf-4c06-bbb2-fbe8c111b948">House, Gregory</a>
</body>
</html>
però non riesco a vederlo. Oltre a jquery 1.3.1. devo scaricare altro? Perchè dove l'ho trovato danno per scontate un sacco di cose e oltretutto con google traslate non è che riesca a capire benissimo quello che devo fare... tutto qui...
Però capisco che per te possa essere una rottura quindi se ci sono troppe cose che ho lasciato per strada, non ti preoccupare...ritorno alla soluzione con il click anche se questa al passaggio del mouse sarebbe mostruosamente migliore... ;-)