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 :

Modifier boite de dialogue upload d'images [CKEditor]


Sujet :

Bibliothèques & Frameworks

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    209
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 209
    Points : 167
    Points
    167
    Par défaut Modifier boite de dialogue upload d'images
    Bonjour,
    je souhaite modifier la boite de dialogue upload d'image pour n'afficher que le bouton "parcourir" (fichier local), mais pas d'explorateur de fichier sur le serveur.

    En fait je souhaite simplement que l'utilisateur choisi son image sur son ordinateur et à la rigueur pouvoir modifier la taille d'affichage. C'est tout

  2. #2
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    209
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 209
    Points : 167
    Points
    167
    Par défaut
    Sinon, où trouver les differents onglets (Infor.., Lien, Télécharger, Avancé). Dans le fichier fckdialog.html, on ne trouve que l'onglet "Informations sur l'image".

    J'ai besoin d'éditer les onglets et mettre en 1er l'onglet telecharger.

  3. #3
    Expert éminent

    Avatar de mlny84
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    4 023
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 4 023
    Points : 8 107
    Points
    8 107
    Par défaut
    Bonjour,

    A mon avis c'est le fichier fck_image.html que tu dois modifier dans ce cas.
    Il est situé dans editor/dialog

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    209
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 209
    Points : 167
    Points
    167
    Par défaut
    Merci quand même, j'ai trouvé tout seul.

    C'est dans fck_image.js que l'on peux modifier l'affiche ou l'ordre

    avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function OnDialogTabChange( tabCode )
    {
     ShowE('divUpload' , ( tabCode == 'Upload' ) ) ;
     ShowE('divInfo'  , ( tabCode == 'Info' ) ) ;
     //ShowE('divLink'  , ( tabCode == 'Link' ) ) ;
     //ShowE('divAdvanced' , ( tabCode == 'Advanced' ) ) ;
    }
    et avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    if ( FCKConfig.ImageUpload )
     dialog.AddTab( 'Upload', FCKLang.DlgLnkUpload ) ;
     
    dialog.AddTab( 'Info', FCKLang.DlgImgInfoTab ) ;
     
    /*if ( !bImageButton && !FCKConfig.ImageDlgHideLink )
     dialog.AddTab( 'Link', FCKLang.DlgImgLinkTab ) ;*/
     
    /*if ( !FCKConfig.ImageDlgHideAdvanced )
     dialog.AddTab( 'Advanced', FCKLang.DlgAdvancedTag ) ;*/
    Attention dans les deux bout de code javascript, il faut que l'ordre correspond, au risque de trouver des onglets avec un autre contenu d'onglet.


    dans le fichier fck_image.html chaque contenu des onglets sont dans des blocs div. Pour choisir celui par defaut, on lui enleve le style "display:none"

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <div id="divInfo" style="display: none">...</div>
     
    <div id="divUpload" >...</div>
     
    <div id="divLink" style="display: none">...</div>
     
    <div id="divAdvanced" style="display: none">...</div>
    Pareil ici, si celui sans le style "display: none" n'est pas le 1er dans le code javascript, le contenu risque de ne pas correspondre avec l'onglet dès l'ouverture.
    A moins qu'on veux jouer avec l'affichage de contenu.

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    209
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 209
    Points : 167
    Points
    167
    Par défaut
    Citation Envoyé par omdafer Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <div id="divUpload" >...</div>
    Petite info supplementaire si ça peux aider :
    Si on enleve des élément entre les div (ex: champ texte de formulaire,...), il faut verifier dans les fichier fck_image.js et fck_dialog_common.js qu'on n'appel pas en javascript le focus ou le masquage/affichage de cet élément.

    Pour ma part je les ai mis en commentaire //
    au cas ou il faudrai les remettres.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [XL-2007] modifier boite de dialogue et supprimer fichier
    Par keval dans le forum Excel
    Réponses: 4
    Dernier message: 23/11/2016, 09h33
  2. [CKEditor] Modifier la boite de dialogue d'upload d'image
    Par Yexbe dans le forum Bibliothèques & Frameworks
    Réponses: 0
    Dernier message: 17/11/2010, 07h45
  3. Une boite de dialogue accès fichiers images avec GDI+
    Par ProgElecT dans le forum Vos contributions VB6
    Réponses: 1
    Dernier message: 08/06/2008, 11h41
  4. Boite de dialogue "Ouvrir une image" avec Aperçu
    Par avigeilpro dans le forum VB 6 et antérieur
    Réponses: 11
    Dernier message: 04/09/2007, 17h52
  5. [ThemeEngine] Comment modifier la langue des boites de dialogue ?
    Par piloumoi dans le forum Composants VCL
    Réponses: 3
    Dernier message: 15/08/2005, 11h35

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