J'ai réalisé un site sous Dreamweaver et souhaite passer à Kompozer pour sa mise à jour externe.
Tout semble ok, hormis le fait que Kompozer semble désactiver les fonctions php.
Le code n'a pas l'air de bouger, mais en page d'accueil le diaporama n'apparait que grâce au css, en page contact le formulaire ne rattache plus le fichier php.
Est ce un problème connu ? Ou ais-je fais une erreur ? Il y a t-il un ajustement à effectuer au niveau de l'insertion du code ?
Merci pour vos réponses.
Code : Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 4.0//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Language" content="fr" />
<link href="styleshonfleur.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="design2.css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//Configuration
var retour = true;
var tempsTransition = 1000;
var affichePlayPause = true;
var lectureAutomatique = true;
var tempsAttente = 4000;
var icones = new Array();
icones['play'] = 'images/play_slider.png';
icones['pause'] = 'images/pause_slider.png';
var currentPosition = 0;
var slideWidth = 374;
var slides = $('.slide');
var numberOfSlides = slides.length;
var interval;
var lectureEnCours = false;
// Supprime la scrollbar en JS
$('#slidesContainer').css('overflow', 'hidden');
// Attribue #slideInner à toutes les div .slide
slides
.wrapAll('<div id="slideInner"></div>')
// Float left to display horizontally, readjust .slides width
.css({
'float' : 'left',
'width' : slideWidth
});
// Longueur de #slideInner égale au total de la longueur de tous les slides
$('#slideInner').css('width', slideWidth * numberOfSlides);
// Insert controls in the DOM
$('#slideshow')
.prepend('<span class="control" id="leftControl">Précédent</span>')
.append('<span class="control" id="rightControl">Suivant</span>');
// Hide left arrow control on first load
manageControls(currentPosition);
//Crée un écouteur d'évènement de type clic sur les classes .control
$('.control')
.bind('click', function(){
// Determine la nouvelle position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
if(currentPosition == numberOfSlides && retour == false ){
currentPosition--;
pause();
}
// Cache ou montre les controles
manageControls(currentPosition);
// Fais bouger le slide
$('#slideInner').animate({
'marginLeft' : slideWidth*(-currentPosition)
},tempsTransition);
});
// manageControls: Cache ou montre les flêches de controle en fonction de la position courante
function manageControls(position){
// Cache la fleche "précédent" si on est sur le premier slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
if(position==numberOfSlides-1 && retour == false){
$('#rightControl').hide();
} else {
$('#rightControl').show();
}
if(position == numberOfSlides && retour == true){
currentPosition = 0;
$('#leftControl').hide();
}
}
function suivant(){
$('#rightControl').click();
}
function start() {
lectureEnCours = true;
interval = setInterval(suivant, tempsAttente );
}
function pause() {
lectureEnCours = false;
clearInterval(interval);
}
//Si le diapo est activé
if(lectureAutomatique == true){
start();
}
if(affichePlayPause == true){
$('#slidesContainer').prepend('<img id="navDiapo" src="" alt="Navigation diaporama" />');
if(lectureAutomatique == true){
$('#navDiapo').attr('src',icones['pause']);
}else{
$('#navDiapo').attr('src',icones['play']);
}
$('#navDiapo').bind('click', function(){
if(lectureEnCours == true){
$(this).attr('src',icones['play']);
pause();
}else{
$(this).attr('src',icones['pause']);
start();
}
});
}
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23125992-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="conteneur">
<div id="header">
<div id="titresite"><a href="index.html">Locations d'appartements et de studios à xxxxxx</a></div>
<div id="zoneheadgauche">
<div id="zoneheadphoto1"><img src="images/bandeau_photo_gauche.jpg" alt="Renoir : la vague" border="0" /></div>
<div id="zoneheadmenu">
<ul id="menupratique">
<li><a href="situation.html">Situation & accès</a></li>
<li><a href="tarifs.html">Tarifs</a></li>
<li><a href="contact.html">Réservation</a></li>
</ul>
</div>
</div>
<div id="zoneheadphoto2"><a href="index.html"><img src="images/bandeau_photo_droite.jpg" alt="Le Bassin xxxxx" border="0" /></a></div>
</div>
<div id="menuprincipal">
<ul id="menulocations">
<li class="item1"><a href="appartement1">Appartement1</a></li>
<li class="item2"><a href="appartement2.html">Appartement2</a></li>
<li class="item3"><a href="studio1.html">Studio-1</a></li>
<li class="item4"><a href="studio2.html">studio-2</a></li>
<li class="item5"><a href="studio-3.html">studio-3</a></li>
</ul>
</div>
<div id="page">
<div id="zoneaccueil">
<div id="accueilzonegauche">
<div id="promo"><img src="images/image.png" /></div>
</div>
<div id="accueilzonedroite">
<div id="accueilintro"><br />
<h1>Bienvenue</h1>
Idéalement situés <strong>au cœur du vieux xxxxxxxx</strong>,
nos <strong>studios</strong> et <strong>appartements</strong> sont à deux pas
du <strong>Vieux Bassin</strong>, de la <strong>Lieutenance</strong>, de la <strong>Place
Sainte Catherine</strong>, du <strong>Musée Eugène Boudin</strong>,
et<br />de la Jetée de xxxxxxxxxx menant à la <strong>plage</strong>.
<br />Nos <strong>appartements et studios</strong> peuvent être loués,
selon vos envies, pour le <strong>week-end</strong>, <strong>la semaine</strong>,
<strong>la quinzaine</strong> ou bien le mois et peuvent accueillir
jusqu’à 4 personnes.
<br />
Dotés de tout le confort nécessaire, ils sont
spacieux et lumineux. La décoration est raffinée
et rend hommage aux plus grands peintres
impressionnistes, l’<strong>ambiance chaleureuse et
intime</strong>, vous vous y sentirez comme chez vous.</div>
<div id="accueilappartement">
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">
<p><a href="appartement1.html"><img src="images/appartement1.jpg" alt="xxxxx" width="374" height="347" /></a></p>
</div>
<div class="slide">
<p><a href="appartement2.html"><img src="images/appartement2.jpg" alt="xxx" width="374" height="347" /></a></p>
</div>
<div class="slide">
<p><a href="studio1.html"><img src="images/studio1.jpg" alt="xxx" width="374" height="347" /></a></p>
</div>
<div class="slide">
<p><a href="studio2.html"><img src="images/studio2.jpg" alt="xxx" width="374" height="347" /></a></p>
</div>
<div class="slide">
<p><a href="studio3.html"><img src="images/studio3.jpg" alt="xxxx" width="374" height="347" /></a></p>
</div>
</div>
</div>
</div>
<div id="accueilhonfleurimg"><img src="images/honfleur_accueil.jpg" alt="Vue du bassin d'Honfleur" width="374" height="347" border="0" /></div>
<div id="accueilhonfleur"><br />
<h1>Découvrez honfleur, <br />l’authentique… </h1>
Laissez-vous séduire par cette ville de caractère, <br />
au charme pittoresque, ses ruelles pavées et étroites, ses façades colorées, ses monuments, <br />
ses galeries et ses peintres.
<br />
Venez admirer cette lumière changeante, qui met <br />
si bien en valeur les façades et paysages, source d’inspiration de tous temps pour de nombreux peintres.<br />
Ville artistique, historique, culturelle et gourmande…<br />
Vous y découvrirez de nombreux restaurants, <br />
musées, monuments, et jardins... <br />
Profitez d’un séjour riche en émotions et en activités.</div>
</div>
</div>
</div>
<div id="footer">
<div id="piedcontact"><a href="contact.html" target="_parent">CONTACT & RESERVATIONS :</a> xxxxxxxxxx– Tel : xxxxxxxx / xxxxxxxxx - Email : <a href="mailto:mail@neuf.fr">mail@neuf.fr</a></div>
<div id="piedpartenaires">
<div id="zoneabritel"><br />
retrouvez nous sur<br /><br />
<a href="http://www.abritel.fr/ResultatsRecherche/liste.php?brand=abritel&pageSize=10&systemId=abritel&contactId=a116367" target="_blank"><img src="images/abritel_logo.png" alt="Logo Abritel" border="0" /></a></div>
<div id="zoneabritel"><br />
<a href="http://www.mediavacances.com/FR/property.php?view=60616" target="_blank"><br />
<img src="images/mediavacances_logo.png" alt="Logo Abritel" border="0" /></a></div>
</div>
<div id="infoslegales">© 2011 - xxxxxxxx<br />
<a href="http://site.fr/" target="_blank">Réalisation - Référencement par xxx</a>
</div>
</div>
</div>
</body>
</html>
