<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Online staff scheduling software</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="planning,calendar,work,plan,organize,manage,human resources,material resources" />
<meta name="description" content="Staff planning : Shared calendar, manage easily your human and material resources online" />
<meta name="author" content="Robert REBECCHI" />
<meta name="generator" content="NotePad++ / WinSCP / Debian" />
<meta property="fb:page_id" content="372456712774413" />
<link id="theme" rel="stylesheet" type="text/css" href="lib/ste.css" />
<link rel="stylesheet" type="text/css" href="lib/ads.css" />
<link rel="stylesheet" type="text/css" href="lib/key.css" />
<link rel="alternate" hreflang="fr" href="https://www.team-planning.com/" />
<link rel="alternate" hreflang="en" href="https://www.team-planning.com/?lg=en" />
<link rel="alternate" hreflang="es" href="https://www.team-planning.com/?lg=es" />
<link rel="shortcut icon" href="img/shortcut.ico" />
<script src="lib/jquery.js"></script>
<script src="lib/jquery-ui.min.js"></script>
<script src="lib/jquery.highlight-5.js"></script>
<script>$(function(){$('.fenetre, #contact, #aide, #aide2, #formcom, #libjour').draggable({containment : ''});});</script> <!-- Deplacement fenetres -->
<script src="lib/jquery.cycle2.min.js"></script>
<script src="lib/jquery.cycle2.carousel.min.js"></script>
<link rel="stylesheet" href="lib/jquery.cleditor.css" />
<script src="lib/jquery.cleditor.min.js"></script>
<script>$(document).ready(function () { $("#annonce").cleditor({ height: 300, controls: "bold italic underline strikethrough | font size style color highlight | bullets numbering | outdent indent | alignleft center alignright | rule image link" }); });</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y6F31VESTS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-Y6F31VESTS');
</script>
</head>
<script>
var ua = navigator.userAgent;
var trident = ua.indexOf('Trident/');
//alert(trident);
if (trident<0) // Supérieur à IE11
{
var JZoom=window.innerWidth/1480;
setTimeout(function(){
$('body').css
({
zoom : JZoom,
});
$('#zoom').load('zoom.php?zoom='+JZoom,function(){});
},100);
}
</script>
<body style='zoom : 1;'><div class='patienter arrondi lhr mobtext blanc' style='padding: 10px;'><img style='vertical-align: -7px;' src='img/entoure.gif' /> <i>Loading...</i></div><div class='clair' style='position: fixed; background: slateblue; padding: 3px; bottom: 24px; left: 0px; width: 100%; z-index: 1;'>By using Team-Planning.com, you agree to our use of cookies to improve your online experience.
<a href='./?savoir=plus'><envoyer> Read more </envoyer></a> <a href='./?cks=ok'><envoyer> Ok </envoyer></a></div><div style='position: fixed; background: linear-gradient(to bottom, #1f2324, #D1D1D1); top: 170px; left: 0px; width: 100%; height: 8px; z-index: 2;'></div>
<div style='position: fixed; background: #D1D1D1; top: 178px; left: 0px; width: 100%; height: 100%;'></div><a href='./' title='Back home'>
<div style='position: fixed; top: 0px; left: 0px; width: 100%; height: 170px; background: #1f2324; z-index: 2;'>
<div id='logotp'>
<span class='logotp1'>Team-Planning.com</span>
<span class='logotp2'><img src='img/logom.png' style='height: 35px; vertical-align: -6px; margin-right: 10px;' alt='logo' />Online staff scheduling software</span>
</div></div></a>
<div style='margin-top: 175px;'></div><div style='width: 1000px; opacity : 1;'><a style='display: bloc;' href='./?url=UVIxMzEwODkzMDE4MTMxMDg5MzAxODM2ODdkZW1v'><div title='Demonstration !' id='demo' class='arrondi ombre2 survol4' style='background-size: 500px 240px;'>
<div class='overlay red titre' style='width: 230px; top: 50px; left: -20px; transform: rotate(-30deg);'>
Demonstration !</div><img style='float: right; width: 70px;' src='img/qrdemo.jpg' alt='qrcode'/></div></a><div id='kezako'><em>Team-Planning.com</em> is an online <span class='bleu'>Collaborative</span> planning,
which allows to manage the <span class='vert2'>availability</span> of personnels and / or equipments.<br />
Each <b>employee</b> when logged-in can change their Calendar according to the rights allowed.<div class='droite'><a href='#savoir' class='ahrefdoux'><envoyer class='bigtext'> Read more </envoyer></a></div></div><div style='position: absolute; top: 315px; margin-left: -300px; left: 50%;'><img src='img/accueil_mobile.png' usemap='#extdemo'/>
<map name='extdemo'><area id='surdemo' shape='rect' coords='0,0,320,110' href='./?url=UVIxMzEwODkzMDE4MTMxMDg5MzAxODM2ODdkZW1v'></map></div>
<a href='./?diapo=oui' title='Slideshow'>
<div class='overlay darkblue titre' style='width: 120px; top: 465px; margin-left: 665px; transform: rotate(-30deg);'>Slideshow</div>
<div class='cycle-slideshow survol4' style='position: absolute; margin-top: 190px; margin-left: 502px; width: 268px; z-index: 0;'
data-cycle-fx='scrollHorz'
data-cycle-timeout=2000 data-cycle-speed=200 data-cycle-pause-on-hover='true' >
<img src='img/show/en/minit1.jpg' alt='Online collaborative planning' />
<img src='img/show/en/minip1.jpg' alt='Online staff scheduling software' />
<img src='img/show/en/minit2.jpg' alt='Up to 500 employees per planning' />
<img src='img/show/en/minip2.jpg' alt='Shared calendar' />
<img src='img/show/en/minit3.jpg' alt='Events statistics' />
<img src='img/show/en/minip3.jpg' alt='Planning administration' />
<img src='img/show/en/minit4.jpg' alt='Anywhere Anytime Any device' />
<img src='img/show/en/minip4.jpg' alt='Activity log' />
<img src='img/show/en/minit5.jpg' alt='Overview of 12 months' />
<img src='img/show/en/minip5.jpg' alt='Sending password' />
<img src='img/show/en/minit6.jpg' alt='user-friendly' />
<img src='img/show/en/minip6.jpg' alt='Profile of employees' />
</div></a><script>$('#surdemo').hover(function()
{
$('#demo').css('box-shadow','0 0 10px blue');
},function()
{
$('#demo').css('box-shadow','');
}
);</script><div style='margin-top: 18px;' class='formacc ombre2 survol4'>
<form class='gauche' action='./?acces=oui' method='post'><span class='inscription lhr arrondi black'><img style='margin-right: 10px; vertical-align: -5px; height: 22px;' src='img/i.png' alt='Access your planning'/>Access your planning</span><br /><br />
<label>Your e-mail</label><input style='width: 110px; margin-bottom: 5px;' type='email' name='accmail' maxlength='50' required><br />
<label>Password</label><input style='width: 110px; margin-bottom: 10px;' type='password' name='accpwd' maxlength='20' required><br />
<input type='submit' value='Log in'/></form>
<form action='./?perdu=oui' method='post'><hr /><div class='b_navy arrondi' style='margin: 10px 0 5px 0; padding: 2px 5px;'>Forgot password ? enter your e-mail</div>
<p class='tipinfo'><span style='white-space: normal; text-align: center; margin: 22px -6px; width: 150px;'>A <b class='rouge'>new</b> password will be assigned to you</span>
<input style='width: 110px;' type='email' name='femail' maxlength='50' required /></p> <input type='submit' value='Ok'/></form></div><div style='margin-top: 230px;' class='formacc ombre2 survol4'>
<form class='gauche' action='./?inscrip=verif_insc' method='post'><span class='inscription lhr arrondi black'><img style='margin-right: 10px; vertical-align: -5px; height: 22px;' src='img/cal.png' alt='Create your online planning'/>Create your online planning</span><br /><br />
<label>Planning name</label><input style='width: 110px; margin-bottom: 5px;' type='text' name='ftitre' value='' maxlength='20' required /><br />
<label>Last name</label><input style='width: 110px; margin-bottom: 5px;' type='text' name='fnom' value='' maxlength='20' required /><br />
<label>First name</label><input style='width: 110px; margin-bottom: 5px;' type='text' name='fprenom' value='' maxlength='20' required /><br />
<label>Your e-mail</label><input style='width: 110px; margin-bottom: 10px;' type='email' name='femail' value='' maxlength='50' required /><br />
<input style='width: 100px;' type='password' placeholder='Password' name='fpasswd' minlength='8' maxlength='20' required />
<input style='width: 100px; margin-bottom: 15px;' type='password' placeholder='Confirm password' name='fpwconf' minlength='8' maxlength='20' required /><br />
<input type='submit' value='Sign Up'/><br /></form><br />
<span style='padding: 2px 5px;' class='text8 lhr arrondi'><a href='#savoir' class='ahrefdoux'><em>Free or Premium, you have a choice, more info <b>here</b></em></a></span></div><form name='llg' action='./' method='get'>
<div style='position: fixed; top: 140px; left: 50%; margin-left: 350px; white-space: nowrap; z-index: 3;'>
<p style='padding: 5px;' class='b_navy arrondi'>
<img style='vertical-align: -4px;' src='img/en.jpg' alt='Change the language' />
<select name='lg' onchange='llg.submit()'><option selected value='en'>English</option><option value='fr'>Français</option><option value='es'>Español</option></select></form></p><img style='margin: 0 0 -5px 20px;' src='img/ressoc.jpg' usemap='#sociaux' /></div>
<map name='sociaux'>
<area title='Follow us on Twitter' shape='rect' coords='0, 0, 18, 18' href='https://twitter.com/TeamPlanningCom' target='_blank' alt='twitter' />
<area title='Find us on Facebook' shape='rect' coords='36, 0, 54, 18' href='https://www.facebook.com/teamplanning/' target='_blank' alt='facebook' />
<area title='Join us on Linkedin' shape='rect' coords='72, 0, 90, 18' href='https://www.linkedin.com/company/team-planning.com' target='_blank' alt='linkedin' />
<area title='Questions ? Contact us !' shape='rect' coords='110, 0, 132, 18' href='./?contact=oui' alt='Questions ? Contact us !' />
</map> <div id='postit'></div>
<script>setInterval(function(){$('#postit').load('postit.php?lg=en',function(){});},1000);</script>
<!--<script>$('#postit').load('postit.php?lg=',function(){});</script>--> <!-- activer pour limiter la conso cpu -->
<div class='cycle-slideshow' style='pos ition: absolute; top: 30px; left: -560px; width: 120px;'
data-cycle-fx=carousel data-cycle-timeout=1000 data-cycle-carousel-visible=6 data-cycle-carousel-vertical=true data-cycle-pause-on-hover=true >
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/112.jpg' alt='112 SOS' title='112 SOS' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/artemys.jpg' alt='Artemys' title='Artemys' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/autosgm.jpg' alt='AutosGM' title='AutosGM' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/bfmtv.jpg' alt='BFMTV' title='Actualités en continu et info en direct et replay' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/churouen.jpg' alt='CHU Hôpitaux de Rouen' title='CHU Hôpitaux de Rouen' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/comearth.jpg' alt='COMEARTH' title='L'Excellence de la Relation Client' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/cpr.jpg' alt='Circuit Paul Ricard' title='Circuit Paul Ricard' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/dalkia.jpg' alt='Dalkia' title='Dalkia' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/emc2.jpg' alt='EMC2' title='EMC2' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/enedis.jpg' alt='ENEDIS' title='ENEDIS' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/etna.jpg' alt='Etna' title='Etna' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/eassist.jpg' alt='Europ Assistance' title='Europ Assistance - Régulation médicale' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/ifremer.jpg' alt='Ifremer' title='Ifremer' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/labio.jpg' alt='Labio' title='Labio' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/loreal.jpg' alt='Loreal' title='Loreal' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/novalyo.jpg' alt='Novalyo' title='Novalyo' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/onet.jpg' alt='Onet' title='Onet' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/orano.jpg' alt='Orano' title='Orano' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/plcter.jpg' alt='Police Terrebonne' title='Police Terrebonne' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/pompiers.jpg' alt='Sapeurs Pompiers' title='Sapeurs Pompiers' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/regasc.jpg' alt='Régional Ascenseurs' title='Régional Ascenseurs' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/sap2i.jpg' alt='SAP2i' title='SAP2i' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/sdis30.jpg' alt='SDIS 30' title='SDIS 30' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/setra.jpg' alt='Setra Conseil' title='Setra Conseil' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/srp.jpg' alt='Showroomprive.com - Ventes privées' title='Showroomprive.com - Ventes privées' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/snsm.jpg' alt='Les sauveteurs en mer' title='Les sauveteurs en mer' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/sopra.jpg' alt='Sopra Group' title='Sopra Group' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/veolia.jpg' alt='Veolia' title='Veolia' />
<img style='height: 51px; width: 101px; margin: 0px 0px 10px 5px;' class='' src='img/part/veritas.jpg' alt='Bureau Véritas' title='Bureau Véritas' />
</div></a><div style='position: absolute; top: 570px; left: 50%; margin-left: -615px;'>
<a href='https://www.nuxit.com/' target='_blank'>
<img style='width: 101px; margin-bottom: 5px;' src='img/part/nuxit.jpg' alt='Votre hébergement web' title='Votre hébergement web'/></a></div></div>
<div id='bas' class='b_black'>
<span class='tipalert'><p style='margin-left: 0px;' class='black'>Frequently Asked Questions</p>
<a href='#savoir' class='ahrefdoux'><img style='width: 40px; vertical-align: -5px;' src='img/faq2.png' alt='FAQ'/></a></span>
<p class='separbas'></p><span class='separbas b_redh tipalert'><p style='margin-left: 0px;' class='black'>Questions ? Contact us !</p>
<a href='./?prog=&contact=oui&annmv=0&momv=0&hr=6500002&masques=&aaaamm=202404'>Contact us</a></span><a href='./?prog=&md=oui&annmv=0&momv=0&hr=6500002&masques=&aaaamm=202404'><span class='separbas b_redh tipalert'><p style='margin-left: 0px;' class='black'>Last revised : 19/04/2024 - 17:07</p><div style='display: inline; animation: 20s 3s infinite clignote;'>The news</div></span></a><a href='./?prog=&sd=oui&annmv=0&momv=0&hr=6500002&masques=&aaaamm=202404'><span class='separbas b_redh tipalert'><p style='margin-left: 0px;' class='black'>Results of the continuous survey</p>Survey</a></span><span class='separbas b_redh tipalert'><p style='margin-left: 0px;' class='black'>Back home</p><a href='./'>© 2010-2024 - Team-Planning.com</a></span><span class='separbas b_redh tipalert'><p style='margin-left: 0px;' class='black'>About Team-Planning.com</p>
<a href='./?prog=&ml=oui&annmv=0&momv=0&hr=6500002&masques=&aaaamm=202404'>Privacy</a></span><span class='separbas b_redh tipalert'><p style='margin-left: 0px;' class='black'>Access the forum</p>
<a href='./?prog=&fo=oui&annmv=0&momv=0&hr=6500002&masques=&aaaamm=202404'>
Forum</a></span><a href='./?prog=&tc=oui&tcpub=oui&annmv=0&momv=0&hr=6500002&masques=&aaaamm=202404'><span class='separbas b_redh tipalert'><p style='margin-left: 0px;' class='black'>Public chat</p>Chat</span></a><span class='bigtext tipalert' style='margin-left: 20px;'><p style='margin-left: 0px;' class='black'>Zoom</p>
<a class='b_navy' href='' id='ZM'> ⚊ </a> <a class='b_navy' href='' id='ZP'> + </a> <span id='zoom'>100%</span></span> <script>
var Zoom=1;
$('#ZP').click(function(e)
{
e.preventDefault();
if (Zoom<1.5) Zoom=Zoom+.1;
$('body').css
({
zoom : Zoom,
});
$('#zoom').load('zoom.php?zoom='+Zoom,function(){});
});
$('#ZM').click(function(e)
{
e.preventDefault();
if (Zoom>.80) Zoom=Zoom-.1;
$('body').css
({
zoom : Zoom,
});
$('#zoom').load('zoom.php?zoom='+Zoom,function(){});
});
</script>
<span class='tipalert'><p style='margin-left: 0px;' class='black'>Sound (on/off)</p><a style='margin-left: 15px;' href='' id='SON'><img class='survolico' style='width: 20px; vertical-align: -4px;' src='img/s1.png' /></a></span> <script>
var Son=1;
$('#SON').click(function(e)
{
e.preventDefault();
if (Son==1) Son=0; else Son=1;
$('#SON').load('son.php?son='+Son,function(){});
});
</script>
</div></div><div id='savoir_page' style='position: fixed; bottom: 5px; right: 5px; z-index: 3;' class='blanc'></div>
<div id='savoir' style='position: absolute; width: 100%; height: 1px; left: 0px; bottom: 150px;'></div><script>
// ----------------- Affichage fichiers avec img progressives ------------------------------
var loadedFiles=[];
var totalFiles=10;
var isProcessing = false;
function loadNextFile()
{
if (isProcessing) return;
isProcessing = true;
$('#savoir_page').load('logjs.php?action=savoir_'+loadedFiles.length,function(){}).fadeIn(100).fadeOut(800); // log provisoire
var premier="", dernier="";
if (loadedFiles.length==0) premier="border-radius: 20px 20px 0 0;";
if (loadedFiles.length==totalFiles-1) dernier="border-radius: 0 0 20px 20px;";
if (loadedFiles.length>=totalFiles)
{
$('#savoir .finpage').remove();
$('#savoir').append('<div class="finpage" style="height: 100px;"></div>')
isProcessing = false;
return;
}
var fileNumber = loadedFiles.length + 1;
var fileName="savoir/file"+fileNumber+".php/?lg=en&BaSeUrl=Team-Planning.com";
$("<div id='savoir"+fileNumber+"' class='b_white arrondi ombre savoir_enfant' style='display: none; margin-top: 50px; width: 1400px; align-items: center; padding: 20px; "+premier+" "+dernier+"'>").fadeIn(3000).css({'display':'flex'}).load(fileName, function()
{
loadedFiles.push(fileNumber);
//$(this).append('<span class="bleu text8" style="ma x-wid th: 10px;">'+loadedFiles.length+'</span>'); // provisoire
$(this).appendTo("#savoir");
$(this).children('img').addClass('arrondi').css({'width':'1000px'});
$(this).children('div').addClass('bigtext').css({'width':'360px','margin-right':'20px','text-align':'left'});
isProcessing = false;
loadNextFile();
});
}
function isBottomReached()
{
var windowHeight=$(window).height();
var documentHeight=$(document).height();
if (navigator.userAgent.indexOf("Firefox")>-1) var scrollTop=Math.round($(window).scrollTop()); else var scrollTop=$(window).scrollTop();
if (scrollTop===0) {$('.savoir_enfant').fadeOut(500); $('#savoir').empty(); totalFiles=0;}
return scrollTop>=documentHeight-windowHeight;
}
// -----------------------------------------------------------------------------------------------------------------
// ------------------------------------ ancre animée via class ahrefdoux -------------------------------------------
$('.ahrefdoux').click(function(event)
{
event.preventDefault();
loadedFiles=[];
totalFiles=10;
$('#savoir').empty();
loadNextFile();
$(window).scroll(function()
{
if (isBottomReached()) {loadNextFile();}
});
var sectionId=$(this).attr('href');
$('html, body').animate({scrollTop: $(sectionId).offset().top-200}, 800);
$('#savoir_page').load('logjs.php?action=FAQ',function(){}).fadeIn(100).fadeOut(800); // log provisoire
});
// -----------------------------------------------------------------------------------------------------------------
</script> <script>
$(document).ready(function() {
$(window).scroll(function() {
if ($(window).scrollTop() == 0) {
$('#scrollToTop').fadeOut("fast");
} else {
if ($('#scrollToTop').length == 0) {
$('body').append('<div id="scrollToTop">' + '<a href="#"></a>' + '</div>');
}
$('#scrollToTop').fadeIn("fast");
}
});
$('body').on('click', '#scrollToTop a', function(event) {
event.preventDefault();
$('html,body').animate({
scrollTop: 0
}, 'slow');
});
});
</script>
<script>
$(document).ready(function() {
$(window).scroll(function() {
if ($(window).scrollTop() + $(window).height() >= $(document).height() - 5) {
$('#scrollToBottom').fadeOut("fast");
} else {
if ($('#scrollToBottom').length == 0) {
$('body').append('<div id="scrollToBottom">' + '<a href="#"></a>' + '</div>');
}
$('#scrollToBottom').fadeIn("fast");
}
});
// Vérifier si le contenu de la page dépasse la hauteur de l'écran
if ($(document).height() > $(window).height()) {
$('body').append('<div id="scrollToBottom">' + '<a href="#"></a>' + '</div>');
}
$('body,envoyer').on('click', '#scrollToBottom a', function(event) {
event.preventDefault();
$('html,body').animate({
scrollTop: $(document).height()
}, 'slow');
});
});
</script>
<div class='debug'>Generated in 1.7s (0.25)</div> <script>$(document).ready(function() {$(".patienter, .debug").fadeOut(2000);})</script> <!-- Chargement en cours... debug -->
<script>$(document).ready(function() {$(".ok, .erreur").fadeOut(10000);})</script> <!-- Ok erreur -->
<script>$(".tiputil").bind("contextmenu",function(){return false;});</script> <!-- pas de clic droit sur tiputil (photos) -->
<script>
$('.survolimg').hover(function() // survole de la class survolimg, apercu fichiers
{
var survolurl=$(this).attr('class');
var survolurl_Array=survolurl.split(" ");
var id_pj=survolurl_Array[2];
$('.preview').load('preview.php?id='+id_pj);
//console.log("->"+id_pj);
},function()
{
$('.preview>').remove(); // supprime enfant
}
);
</script>
<script>
function Chargement(id)
{
console.log("patientez...",id);
$('.trombone,.chrg'+id).removeClass('trombone').addClass('chargement');
};
</script>
<script> // Copie ID dans le presse-papier (ne fonctionne qu'en https)
$('.selectid').click(function()
{
var copyid=$(this).attr('id');
navigator.clipboard.writeText(copyid);
$('.selectid').show();
$('.copyok').hide();
$(this).next('.copyok').show();
$(this).hide();
});
</script>
</body>
</html>
