Bonjour, merci pour cette réponse!
En fait c'est assez compliqué (pour moi) As tu jeté un coup d'½il sur le calendrier de l'auteur?
Voici la page du calendrier:
Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link rel='stylesheet' type='text/css' href='reset.css' />
<link rel='stylesheet' type='text/css' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/start/jquery-ui.css' />
<link rel='stylesheet' type='text/css' href='../jquery.weekcalendar.css' />
<link rel='stylesheet' type='text/css' href='demo.css' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js'></script>
<script type='text/javascript' src='../jquery.weekcalendar.js'></script>
<script type='text/javascript' src='demo.js'></script>
</head>
<body>
<h1>jQuery Week Calendar (full demo)</h1>
<div id="about_button_container">
<button type="button" id="about_button">About this demo</button>
</div>
<div id='calendar'></div>
<div id="event_edit_container">
<form>
<input type="hidden" />
<ul>
<li>
<span>Date: </span><span class="date_holder"></span>
</li>
<li>
<label for="start">Start Time: </label><select name="start"><option value="">Select Start Time</option></select>
</li>
<li>
<label for="end">End Time: </label><select name="end"><option value="">Select End Time</option></select>
</li>
<li>
<label for="title">Title: </label><input type="text" name="title" />
</li>
<li>
<label for="body">Body: </label><textarea name="body"></textarea>
</li>
</ul>
</form>
</div>
<div id="about">
<h2>Summary</h2>
<p>
</p>
<p>
</p>
<h2>Demonstrated Features</h2>
<p>
This calendar implementation demonstrates the following features:
</p>
<ul class="formatted">
<li></li>
<li>Dragging and resizing of calendar events</li>
<li>Restricted timeslot rendering based on business hours</li>
<li>Week starts on Monday instead of the default of Sunday</li>
<li>Allowing calEvent overlap with staggered rendering of overlapping events</li>
<li>.</li>
<li>Use of the 'eventRender' callback to add a different css class to calEvents in the past</li>
<li>Use of additional calEvent data to enforce readonly behaviour for a calendar event. See the event
titled "i'm read-only"</li>
</ul>
</div>
</body>
</html>
Et il n'y a pas de frame ni d'Iframe dans aucuns fichiers necessaires au calendrier. En revanche, j'en ai dans les fichiers de mes infobulles. A l'origine, le fichier que j'utilise pour les infobulle affiche une image au survol d'une zone precise (area shape) et en plus affiche une page dans la frame gauche:
Fichier principal:
Code HTML :
<html>
<head>
<title>MAP</title>
</head>
<frameset cols="340,*" framespacing="0" border="0">
<frame name="leftframe" src="map_G.html" target="_top" scrolling="no" noresize>
<frame name="mainframe" src="map_D.html" target="_top" scrolling="yes" noresize>
<noframes>
<body bgcolor="#000000" scroll="no" text="#FFFFFF" link="#FFFF66" vlink="#CCCC33" alink="#FFFF00">
<font face="Arial, Arial, Helvetica">
<p>This page uses frames, but your browser doesn't support them.</p>
</font>
</body>
</noframes>
</frameset>
Voici le fichier correspondant à la mainframe
Code HTML :
<html>
<head>
<SCRIPT language=JavaScript>
<!--
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</SCRIPT>
<style type="text/css">
@import url(http://192.168.1.10/css/module/main_modules.css);
</style>
<script type="text/javascript" src="../../js/infoBulle.js"></script>
<body bgcolor="black">
</head>
<div id="bulle" class="infobulle"></div>
<div class="a_paraitre">
<img src="../images.gif" usemap="#map" />
<map name="map">
<area shape="circle" coords="67,163,9" href="sf.php" onMouseOver=" montre('../images/sf.jpg',1); MM_goToURL('parent.frames[\'leftframe\']','sf.php');return document.MM_returnValue;" onMouseOut="cache(1); MM_goToURL('parent.frames[\'leftframe\']','map_G.html');return document.MM_returnValue" target="_top" alt="SF" title="SF">
</map>
</body>
</html>Je voudrais donc utiliser le principe de l'image qui s'affiche au survol dans les events du calendrier mais comme expliqué plus haut, juste un petit bout de l'image s'affiche sans dépasser de ce dernier. Je comprend en gros tout le code mais je suis encore loin de maitriser et je ne suis pas sur de bien comprendre ce que tu me dis à propos du document parent, comment faire pour qu'il reconnaisse la zone survolée...pas évidant pour moi avec ces fichiers imbriqués...
Merci encore
