Problème de pop-up

The OC Crossroads · December 10, 2006, 06:14:13 PM

Voilà, depuis que j'ai chargé un nouveau thème, la fonction pop-up ne fonctionne plus...

Lorsque l'on clique sur les images intermédiaires, rien ne se passe ! On peut d'ailleur voir dans la fenêtre du navigateur, en bas à gauche, javascript:; !

Exemple avec un album : http://theoc.crossroads2.free.fr/Gallery/thumbnails.php?album=232

Si qui que ce soit à la solution, merci de me la communiquer !

Ps : les topics déjà existants demandent à enlever cette fonction pop-up, moi c'est l'inverse

François Keller · December 10, 2006, 06:39:01 PM

Est ce qu'il n'y aurait pas dans le fichier theme.php du theme utilisé une fonction qui désactive la popup ?
Quel est le theme utilisé, est il modifié ?

The OC Crossroads · December 10, 2006, 07:22:22 PM

Ben j'ai utilisé le theme.php du dossier "sample"...

C'est pour ça que je comprends pas... Dans mon ancien thème, tout allait bien et là non...

De plus que je ne touche pas à ce fichier, je n'y comprends rien ! Je ne travaille que dans le template et le style !

N'existerait-t-il pas un theme d'un autre fichier qui n'enlève pas cette fonction ?

François Keller · December 10, 2006, 07:38:59 PM

QuoteBen j'ai utilisé le theme.php du dossier "sample"...

C'est surement de la que vient le problème. Le fichier theme.php du dossier "sample" contient toutes les fonctions qui peuvent être utiles dans le fichier theme.php en cas de modif.
Normalement le fichier theme.php d'un theme ne contient rien (voir le fichier du theme classic), sauf si on veut faire des modifs.
Donc, je te propose d'effacer tout le contenu de ton fichier theme.php et de regarder ce que ça donne.

The OC Crossroads · December 10, 2006, 07:44:17 PM

Mais si je supprime tout, je supprime des balises <html> à </html> ?

The OC Crossroads · December 10, 2006, 08:01:59 PM

Le truc c'est que quand je mets le theme de water drop par exemple, le même problème demeure...

François Keller · December 10, 2006, 08:02:31 PM

Dans le fichier theme.php il n'y a pas de balises <html> à </html>
Il devrait contenir uniquement le code ci dessous

Code Select

<?php
/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2006 Coppermine Dev Team
  v1.1 originally written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.
  ********************************************
  Coppermine version: 1.4.10
  $Source$
  $Revision: 3275 $
  $Author: gaugau $
  $Date: 2006-09-03 12:10:47 +0200 (So, 03 Sep 2006) $
**********************************************/

// ------------------------------------------------------------------------- //
// This theme has all CORE items removed                                     //
// ------------------------------------------------------------------------- //
define('THEME_IS_XHTML10_TRANSITIONAL',1);

?>

François Keller · December 10, 2006, 08:04:13 PM

avec le theme classic ça marche

The OC Crossroads · December 10, 2006, 08:12:56 PM

Non...

J'ai tout essayé, plusieurs themes et toujours le même résultat !

Ne serait-ce pas du à une option dans la configuration ?

Ca commence à devenir inquiétant

François Keller · December 10, 2006, 09:07:59 PM

Quoteavec le theme classic ça marche

si! ca marche
http://theoc.crossroads2.free.fr/Gallery/?theme=classic
vide la cache de ton navigateur et efface les cookies

The OC Crossroads · December 11, 2006, 07:10:08 PM

En effet...

Alors pourquoi, lorsque j'utilise mon propre style et mon propre template, avec le même thème, cela ne marche pas...

A se tirer les cheveux cette histoire !

The OC Crossroads · December 11, 2006, 07:24:34 PM

Je ne sais pas si ça peut vous aider mais par plusieurs essais successifs, j'ai réussi à voir que le problème ne venait pas du thème...

Je vous ai copié mon style, on ne sait jamais si ça peut se cacher là... Même si j'en doute !

Je vous copierai mon template si vous le souhaitez !

Merci !

Code Select

/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2006 Coppermine Dev Team
  v1.1 originally written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.
  ********************************************
  Coppermine version: 1.4.5
  $Source: /cvsroot/coppermine/stable/themes/classic/style.css,v $
  $Revision: 1.10 $
  $Author: gaugau $
  $Date: 2006/03/02 08:25:15 $
**********************************************/

/* Colors used in this style sheet:
   Hex 000000 = RBG   0,   0,   0 = black
   Hex 5F5F5F = RBG  95,  95,  95 = light black
   Hex BDBEBD = RBG 189, 190, 189 = dark grey
   Hex 756558 = RBG 209, 215, 220 = medium grey
   Hex CCCCCC = RBG 204, 204, 204 = medium grey
   Hex ABA38E = RBG 239, 239, 239 = dark white
   Hex FFFFFF = RBG 255, 255, 255 = white
   Hex 005D8C = RBG   0,  93, 140 = dark blue
   Hex 000000 = RBG   0,  91, 104 = medium blue
   Hex 51563F = RBG  14, 114, 164 = light blue
*/

body {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        background : #6B5B4E;
        color : Black;
        margin: 0px;
}

table {
        font-size: 12px;
}

h1{
        font-weight: bold;
        font-size: 22px;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        line-height : 120%;
        color : #000000;
        margin: 2px;
}

h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        margin: 0px;
}

h3 {
        font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 2px;
}

p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        margin: 2px 0px;
}

ul {
        margin-left: 5px;
        padding: 0px;
}

li {
        margin-left: 10px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 0px;
        list-style-position: outside;
        list-style-type: disc;
}

.textinput {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #5BE7E6;
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #5BE7E6;
        vertical-align : middle;
}

.button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #5BE7E6;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
}

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #5BE7E6;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        padding-left: 3px;
        padding-right: 3px;
}

.radio {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

.checkbox {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

a {
        color: #000000;
        text-decoration: none;
}

a:hover {
        color: #7DD326;
        text-decoration: underline;
}

.bblink a {
        color: #000000;
        text-decoration: none;
}

.bblink a:hover {
        color: #7DD326;
        text-decoration: underline;
}

.maintable {
        border: 1px solid #5BE7E6;
/*        background-color: #FFDF92;*/
        background-color: #908E77;
        margin-top: 1px;
        margin-bottom: 1px;
}

.tableh1 {
        background : #5BE7E6 ;
        color : #FFFFFF;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh1_compact {
        background : #5BE7E6 ;
        color : #FFFFFF;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
        background: #FFFFFF ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: #FFFFFF ;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
        background: #FFFFFF ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}


.tableb_compact {
        background: #FFFFFF ;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
        background: #FFFFFF;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

.catrow_noalb {
        background: #FFFFFF ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow {
        background: #FFFFFB ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.album_stat {
        font-size: 85%;
        margin: 5px 0px;
}

.thumb_filename {
        font-size: 80%;
        display: block;
}

.thumb_title {
        font-weight : bold;
        font-size: 80%;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: 80%;
        padding: 1px;
        display : block;
}

.thumb_caption a {
        text-decoration: underline;
        color: #000000;
}

.thumb_num_comments {
        font-weight: normal;
        font-size: 80%;
        padding: 2px;
        font-style : italic;
        display : block;
}

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.user_thumb_infobox th {
        font-weight : bold;
        font-size: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: 80%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox a {
        text-decoration: none;
        color: #000000;
}

.user_thumb_infobox a:hover {
        color: #7DD326;
        text-decoration: underline;
}

.sortorder_cell {
        background : #5BE7E6 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #5BE7E6 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;
}

.navmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-size: 100%;
        font-weight: bold;
        background : #51563F ;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
        position: relative;
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
        color: #FFFFFF;
}

.navmenu a:hover {
        background : #7DD326 ;
        text-decoration: none;
        color:         #000000;
}

.admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #5BE7E6;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-right: 10px;
}


.admin_menu_thumb a:hover {
        color: #7DD326;
        text-decoration: underline;
}

.admin_menu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #5BE7E6;
        background-color:#7DD326;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:1px;
        padding-right:1px;
        text-align: center;
}

.admin_menu a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        color: #000000;
        text-decoration: underline;
}

td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}

.comment_date{
        color : #5F5F5F;
        font-size : 90%;
        vertical-align : middle;
}

.image {
        border-style: solid;
        border-width:1px;
        border-color: #FFDF92;
        margin: 2px;
}

.imageborder {
        border: 1px solid #5BE7E6;
        background-color: #FFFFFF;
        margin-top: 30px;
        margin-bottom: 30px;
}

.display_media {
        background: #FFFFFF ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.thumbnails {
        background: #FFFFFF ;
        padding: 5px;
}

.footer {
        font-size : 9px;
}

.footer a {
        text-decoration: none;
        color: #000000;
}

.footer a:hover {
        color: #7DD326;
        text-decoration: underline;
}

.statlink {
        color: #FFFFFF;
}

.statlink a {
        text-decoration: none;
        color: #FFFFFF;
}

.statlink a:hover {
        color: #7DD326;
        text-decoration: underline;
}

.alblink a {
        text-decoration: underline;
        color: #000000;
}

.alblink a:hover {
        color: #7DD326;
        text-decoration: underline;
}

.catlink {
        display: block;
        margin-bottom: 2px;
}

.catlink a {
        text-decoration: underline;
        color: #000000;
}

.catlink a:hover {
        color: #7DD326;
        text-decoration: underline;
}

.topmenu {
        line-height : 130%;
        font-size: 100%;
}

.topmenu a {
        color : #000000;
        text-decoration : none;
}

.topmenu a:hover  {
        color : #7DD326;
        text-decoration : underline;
}

.img_caption_table {
        border: none;
        background-color: #FFFFFF;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: #FFFFFF ;
        font-size: 100%;
        color : #000000;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #5BE7E6;
}

.img_caption_table td {
        background: #ABA38E ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #5BE7E6;
        white-space: normal;
}

.debug_text {
        border: #BDBEBD;
        background-color: #F3E46D;
        width : 100%;
        margin : 0px;
}

.clickable_option {
        cursor : default;
}

.listbox_lang {
        color: #000000;
        background-color: #FFFFFF;
        border: 1px solid #5BE7E6;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;

}
#vanity a {


        display:block;
        width:57px;
        height:20px;
        margin: 3px 20px;
}

[edit by PYAP] Ne publiez vos codes que si vous y êtes invité, et non pas avec le tag QUOTE (citation) mais bien avec CODE ! [/edit]

François Keller · December 11, 2006, 08:17:47 PM

Je ne vois pas ce qui pourrait poser problème dans le fichier style.css.
attache à ton prochain post un fichier zip avec tous les fichiers de ton theme personnalisé.
Ca permettra de le tester chez nous pour voir ce qui se passe

The OC Crossroads · December 11, 2006, 08:48:59 PM

Voici donc le dossier demandé

http://theoc.crossroads.free.fr/Thème.zip

Je l'ai hebergé sur mon site pour plus de facilité !

François Keller · December 11, 2006, 09:11:10 PM

Ok, essaye de remplacer le fichier template.html par celui attaché à ce post
dans ton fichier theme.php enlève aussi les balises </body></html> qui trainent en fin ce fichier. Elles n'ont rien à y faire.
Dans ton fichier template.html tu mélange pas mal de choses. Je n'ai pas fais le ménage entièrement mais tu devrais utiliser le fichier style.css du theme S4 plutôt que celui du theme classic. Essaye aussi d'aérer ton code, tu t'y retrouvera plus facilement.
Pour faire simple, j'ai enlever le code de google analytic qu'il faut placer dans un footer personnalisé, j'ai aussi remis en place les différents éléments qui manquaient dans l'entête du fichier. L'appel au javascript n'était entre autre pas à sa place.
Chez moi en local ça marche, à vérifier

The OC Crossroads · December 13, 2006, 05:19:59 PM

Super ! Tout en rentré dans l'ordre ! Un grand merci à toi

François Keller · December 13, 2006, 09:07:23 PM

QuoteSuper ! Tout en rentré dans l'ordre ! Un grand merci à toi

Ya pas de quoi, mais n'oublie pas de faire le ménage dans ton code

coppermine-gallery.com/forum

News:

Problème de pop-up

The OC Crossroads

François Keller

The OC Crossroads

François Keller

The OC Crossroads

The OC Crossroads

François Keller

François Keller

The OC Crossroads

François Keller

The OC Crossroads

The OC Crossroads

François Keller

The OC Crossroads

François Keller

The OC Crossroads

François Keller