Site crée avec Dreamweaver : bug Kompozer

[Madiline]

Bonjour,

J'ai choisi Kompozer pour la gestion d'un site déjà crée sous Dreamweaver, pour de futures mises à jour (textes et images) et sa facilité d'utilisation pour un novice en matière de développement web.
J'ai réalisé un site pour une personne de ma famille, celle-ci souhaiterais pouvoir le mettre à jour en toute autonomie (d'où l'intérêt de la gratuité).
J'ai donc installé Kompozer sur Mac (version 08b1 sous Léopard Snow : 10.4.6) afin de pouvoir tester le site et le logiciel sous Kompozer avant de passer le flambeau.
Mais j'ai trois soucis :
- La publication ftp via le logiciel ne fonctionne pas ( à la vue de certains posts cela a l'air récurrent...) : à quoi cela est du ?
- Lors d'un changement / enregistrement de la page "index" : le diaporama ne fonctionne plus (la partie animation jquery) pourtant le code n' a pas l'air changé : pourquoi ? quelles solutions ?
- Lors d'un changement / enregistrement sur la page "contact" le formulaire plante : dans la partie message une partie du code s'affiche et le bouton "envoyer disparaît"
- Cette personne à un pc (Windows 7) va t-elle rencontrer les mêmes soucis ?
- Quelle est la solution ? Autre logiciel ? Ajustement du code ?

Le site : -----------
La page du diaporama "bugé" : http://saveurs-graphiques.fr/Essaikompozer/index.html
La page du formulaire "bugé" : http://saveurs-graphiques.fr/Essaikompo ... tact2.html

Toute aide est la bienvenue

Merci à tous

Excellente fin de journée

Lucie

[Ymai]

Bonjour

J'ai donc installé Kompozer sur Mac (version 08b1

Une raison de ne pas passer à la version 0.8b3?

Mais j'ai trois soucis :[/b]
- La publication ftp via le logiciel ne fonctionne pas ( à la vue de certains posts cela a l'air récurrent...) : à quoi cela est du ?

Effectivement: je crois qu'il faut passer par la publication dans le gestionnaire de sites et ne pas utiliser le bouton "Publier" qui figure dans la barre d'outils principale. Celui-là est hérité de NVU et n'a jamais fonctionné correctement.

- Lors d'un changement / enregistrement de la page "index" : le diaporama ne fonctionne plus (la partie animation jquery) pourtant le code n' a pas l'air changé : pourquoi ? quelles solutions ?

Là, je ne vois pas dans l'instant. S'agit-il d'un script "maison" ou récupéré quelque part? Je regarderai cela un peu plus tard si personne ne trouve avant.

- Lors d'un changement / enregistrement sur la page "contact" le formulaire plante : dans la partie message une partie du code s'affiche et le bouton "envoyer disparaît"

Je suis loin d'être un cador des finesses HTML/XHTML/TRANSITIONNAL/ STRICT...
Je constate toutefois qu'en corrigeant le balisage de la zone textarea, de la partie "Votre demande" du formulaire, cela semble déjà aller mieux:
[avant]<textarea id="text_9" class="cf_inputbox" name="infos" cols="30" title="" rows="5" />[/avant]
[après]<textarea id="text_9" class="cf_inputbox" name="infos" cols="30" title="" rows="5"></textarea>[/après]

Il y a aussi un balisage curieux sur la balise <label> juste au-dessus:

Code : Tout sélectionner

<label class="cf_label" style="width: 150px;" />

Je ne vois pas trop comment justifier que cette balise ne soit pas appariée à une balise </label> et puisse se contenter d'un "/" fermant. Sinon, où vient se placer le contenu dudit <label> ?
Un petit tour du côté d'une documentation (X)HTML devrait donner la réponse.

- Cette personne à un pc (Windows 7) va t-elle rencontrer les mêmes soucis ?

A priori oui. Une résolution sous Mac devrait amener la résolution sous n'importe quel OS.

[Madiline]

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">&nbsp;</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

[Ymai]

Bonjour

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 ?

C'est effectivement une solution qui est connue pour ne pas fonctionner.
Celle qui fonctionne et qui utilise le "gestionnaire de sites" de KompoZer est décrite là: http://info.sio2.be/kpz/1/12.php

La seule solution faire les modifications en local puis passer les fichiers avec Filezilla.

C'est une bonne alternative.

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.

Je devrais pouvoir trouver ce qui ne va pas, mais le temps est une denrée un peu trop rare en cette période.
Une remarque toutefois à propos du code ci-dessous (sans doute sans rapport avec l'absence de diaporama):
Le code

Code : Tout sélectionner

/Users/Lipolynx/SAVEURS_GRAPHIQUES/Clients/Gaucher_locations/DEVELOPPEMENT2/appartement-renoir.html

me semble curieux.
Le chemin vers le fichier appartement-renoir.html me paraît bien long.
Désolé de ne pouvoir faire mieux pour l'instant. Peut-être aller demander conseil sur le forum "Développement web" sur le même site?

[Madiline]

Merci pour le lien d'explication pour le gestionnaire de sites, je vais étudier cela.
C'est le fameux Kompozer qui me modifie mon code, il ré-enregistre les liens en local...
Oui on est tous pareils, on court après le temps... Merci déjà pour ces réponses apportées.
Je vais suivre vos conseils et poser la question sur la partie "développement". En espérant que quelqu'un puisse m'aider... sinon je resterais sur l'option Dreamweaver.
Qui est bien, mais nettement moins simple pour un novice.
Excellente soirée

[chinon37]

Bonjour,

Concernant la modifications des fermetures de balises, je pense que cela vient du doctype Xhtml. Il me semble que ce problème a déjà été évoqué.
Est-il nécessaire que ce soit en Xhtml.
En html, les balises ne seraient pas modifiées, amha.

[Madiline]

Bonjour, je vais essayé cela...
Pour les parties en php (notamment mon diaporama), le script est intégré dans le head, peut-être celui-ci doit être intégré différemment pour Kompozer ?
Merci pour cet élément de réponse...
Lucie