Bonjour,
Merci pour ces éléments...
Une erreur de ma part sur la version utilisée, c'est bien la 8.8b3...
Pour la publication, quand vous dites qu'il faut passer par le gestionnaire de sites, je dois comprendre toujours via le logiciel ?
Car j'ai beau passer par le bouton ou le menu fichier > publier ou > publier sous, cela ne marche pas. Peut-être que je me trompe de manipulations ? La seule solution faire les modifications en local puis passer les fichiers avec Filezilla.
Pour le diaporama en page d'accueil, c'est en effet un code récupéré (et retravaillé selon mes possibilités) en html et jquery. Kompozer semble désactiver le script après un enregistrement, il apparaît tout de même toujours dans le code... C'est un mystère pour moi.
Le code html :
Code : Tout sélectionner
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">
<p><a href="appartement-renoir.html"><img src="images/renoir_accueil.jpg" alt="Appartement Renoir" height="347" width="374" /></a></p>
</div>
<div class="slide">
<p><a href="appartement-stecatherine.html"><img src="images/stecatherine_accueil.jpg" alt="Appartement Ste Catherine" height="347" width="374" /></a></p>
</div>
<div class="slide">
<p><a href="studio-boudin.html"><img src="images/boudin_accueil.jpg" alt="Studio Boudin" height="347" width="374" /></a></p>
</div>
<div class="slide">
<p><a href="studio-monet.html"><img src="images/monet_accueil.jpg" alt="Studio Monet" height="347" width="374" /></a></p>
</div>
<div class="slide">
<p><a href="studio-sisley.html"><img src="images/sisley_accueil.jpg" alt="Studio Sisley" height="347" width="374" /></a></p>
</div>
</div>
Et le script jquery :
Code : Tout sélectionner
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" />
<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();
}
});
}
});
Pour le formulaire, Kompozer semble effacer des éléments, les balises sont bien présentes dans mon code original...
Le code html :
Code : Tout sélectionner
<div id="formulaire">
<form id="monform" action="envoi.php" method="post">
<input type=hidden name=subject value=formmail>
<br />
<fieldset>
<legend>Vos coordonnées</legend>
<p>
<label for="form_lastname">Nom </label>
<input type="text" id="form_lastname" name="nom" />
</p><p>
<label for="form_prenom">Prénom </label>
<input type="text" id="form_prenom" name="prenom" />
</p><p>
<label for="form_mail">Mail </label>
<input type="text" id="form_mail" name="mail" />
</p><p>
<label for="form_tel">Téléphone </label>
<input type="text" id="form_tel" name="telephone" />
</p><p>
<label for="form_address">Adresse </label>
<input type="text" id="form_address" name="adresse" />
</p><p>
<label for="form_postal_code">Code postal </label>
<input type="text" id="form_postal_code" name="codepostal" />
</p><p>
<label for="form_city">Ville </label>
<input type="text" id="form_city" name="ville" />
</p><p>
</fieldset>
<br />
<fieldset>
<legend>Votre demande</legend>
<p>
<label for="form_demande">Sujet </label>
<select id="demande" name="demande">
<option value="AppartementRenoir">Appartement Renoir</option>
<option value="AppartementSteCatherine">Appartement Ste Catherine</option>
<option value="StudioMonet">Studio Monet</option>
<option value="StudioBoudin">Studio Boudin</option>
<option value="StudioSisley">Studio Sisley</option>
<option value="Informationsgenerales">Informations générales</option>
</select>
</p><p>
<label for="form_personnes">Nbre de personnes </label>
<input type="text" id="form_personnes" name="nbrepersonnes" />
</p><p>
<label for="form_arrivee">Date d'arrivée </label>
<input type="text" id="form_arrivee" name="arrivee" />
</p><p>
<label for="form_depart">Date de départ </label>
<input type="text" id="form_depart" name="depart" />
</p>
</fieldset>
<br />
<fieldset>
<legend>Votre message</legend>
<p>
<label class="cf_label" style="width: 150px;"></label>
<textarea id="text_9" class="cf_inputbox" name="infos" cols="30" title="" rows="5"></textarea>
</p><p>
</fieldset>
<p>
<label class="form_label_nostyle"> </label>
<input type="submit" name="submit" value="Envoyer" />
</p>
</form>
</div>
Ces problèmes sont ils récurrents ? Peuvent-ils être gérer ? Je trouve ce logiciel très intuitif, j'aimerais pouvoir l'utiliser... Existe t-il un autre logiciel type Kompozer (en dehors de Contribute) pour la mise à jour de site gratuit ou pas trop onéreux ?
D'avance merci à vous pour vos réponses.
Excellente journée
Lucie