IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

Changer le fond de la page dynamiquement


Sujet :

Bibliothèques & Frameworks

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Mars 2009
    Messages : 28
    Points : 26
    Points
    26
    Par défaut Changer le fond de la page dynamiquement
    Bonjour,

    Je suis contente d'avoir trouvé votre forum en francais.. sur fckeditor.. j'aurais besoin de votre aide..

    Je voudrais qu'en sélectionnant une image dans une listbox changer le background de mon area.

    j'ai integré fck avec php de cette facon (tout fonctiionne tres bien)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <?php
                $sBasePath = 'http://localhost/cpanel/';            
                $oFCKeditor = new FCKeditor('FCKeditor1') ;
                $oFCKeditor->BasePath = $sBasePath ;    
                $oFCKeditor->Config['SkinPath'] = 'http://localhost/cpanel/editor/skins/office2003/' ;
                $oFCKeditor->ToolbarSet = 'Default';
                
                $oFCKeditor->Height = 86;  
                            $oFCKeditor->Weight = 1024 ;  
                $oFCKeditor->Config['ToolbarLocation'] = 'Out:xToolbar' ;
                
                $oFCKeditor->Value = $sValue;
                $oFCKeditor->Create() ;
                
            ?>

    ma listbox appelle unee fonction en passant l'image selectionne:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <select size="1" name="D1"  id="D1" onChange="update_picture(this.options[this.selectedIndex].value)">
    et la fonction:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <script language="JavaScript" type="text/javascript"> 
     
    function update_picture(newimage) { 
            document.frames[0].objContent.DOM.body.style.backgroundImage = "http://localhost/cpanel/editor/userfiles/image/entete/" + newimage; 
      } 
     
     
     </script>

    ca ne fonctionne pas... merci de m'aider

  2. #2
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Mars 2009
    Messages : 28
    Points : 26
    Points
    26
    Par défaut j'y arrive pour la couleur du background mais pas pour l'image
    c encore moi en faisant des tests je suis arrivé à changer la couleur mais j'y arriive pas pour une image..

    pour la couleur j'ai fait:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    function update_picture(newimage) { 
     
    		var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
     
    		if (oEditor!=null) { 
    			alert("NOT NULL"); } 
    		if (oEditor==null) { 
    			alert("NULL"); } 
     
    		oEditor.EditorDocument.body.style.cssText += 'color: #322805; background-color: #F7C928;' ;
     
     
     
      }
    et j'essai pour une image de cette facon mais ca ne fonctonne pas:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
    		var path = "http://localhost/cpanel/editor/userfiles/image/entete/" + newimage;
    		if (oEditor!=null) { 
    		oEditor.EditorDocument.body.style.cssText += 'color: #322805; background-image: url(path);' ;
    		alert(path);} 
    		if (oEditor==null) { 
    			alert("NULL"); }
    auriez-vous une solution?

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Mars 2009
    Messages : 28
    Points : 26
    Points
    26
    Par défaut
    Citation Envoyé par italya Voir le message
    c encore moi en faisant des tests je suis arrivé à changer la couleur mais j'y arriive pas pour une image..

    pour la couleur j'ai fait:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    function update_picture(newimage) { 
     
    		var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
     
    		if (oEditor!=null) { 
    			alert("NOT NULL"); } 
    		if (oEditor==null) { 
    			alert("NULL"); } 
     
    		oEditor.EditorDocument.body.style.cssText += 'color: #322805; background-color: #F7C928;' ;
     
     
     
      }
    hm.. si je passe au complet mon url sans variable ca fonctionne par exemple:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    function update_picture(newimage) { 
     
    		var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
    		if (oEditor!=null) { 
    			oEditor.EditorDocument.body.style.cssText = 'margin:0;' +
    			'border:0;' +
    			'background-color:transparent;' +
    			'background-image:url(http://localhost/cpanel/editor/userfiles/image/entete/general_entete.gif);' ;
    			alert(path);} 
    		if (oEditor==null) { 
    			alert("NULL"); } 
      }

    mais comment faire si general_entete.gif est newimage le parametre de ma fonction??????

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    function update_picture(newimage) { 
    var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
    		var path = "http://localhost/cpanel/editor/userfiles/image/entete/" + newimage;
    		if (oEditor!=null) { 
    		oEditor.EditorDocument.body.style.cssText += 'color: #322805; background-image: url(path);' ;
    		alert(path);} 
    		if (oEditor==null) { 
    			alert("NULL"); } 
    }
    auriez-vous une solution?

  4. #4
    Membre actif
    Avatar de dam_moreyllo
    Profil pro
    Développeur Web
    Inscrit en
    Mai 2004
    Messages
    251
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2004
    Messages : 251
    Points : 227
    Points
    227
    Par défaut
    Bonjour !

    Comme ceci peut être ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    oEditor.EditorDocument.body.style.cssText += 'color: #322805; background-image: url(' + path + ');' ;

Discussions similaires

  1. Changer de fond entre la page de droite et la page de gauche.
    Par Ogoccinelle dans le forum Mise en forme
    Réponses: 2
    Dernier message: 03/09/2018, 10h38
  2. Changer le fond de la page selon lien choisi
    Par amani1 dans le forum Servlets/JSP
    Réponses: 3
    Dernier message: 01/02/2014, 17h59
  3. [HTML 5] Changer la fond de la page "Google"
    Par joss871 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 08/02/2011, 07h59
  4. Changer dynamiquement le fond d'une page web (avec cookie si possible)
    Par Rambytes dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 18/11/2007, 11h43
  5. Réponses: 2
    Dernier message: 13/06/2007, 13h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo