[RÉGLÉ] module "mod_random_image" et Firefox/Safari/Chrome

[doudoupe]

Bonjour à tous

J'utilise le module par défault Image aléatoire (mod_random_image) intégré dans Joomla 1.7. Travaillant sur Firefox, je n'ai pas eu de soucis pour intégré ce module sur mon site. Seulement, lorsque j'ai voulu tester avec Safari et Chrome, rien ne s'affiche.
Le code html généré est le même pour les 3 navigateurs, sauf le contenu de style. Comme vous pouvez le constater dans le code ci-dessous, sous FF, j'ai bien style="display:block;".
Mais sous Chrome et Safari, ce style se transforme en style="display:none;" !!!

<div class="moduletable_js ">
	<div id="module_20" class="module_content " tabindex="-1" role="tabpanel" aria-labelledby="link_20" style="display: block;" aria-expanded="true">
		<div class="random-image">
			<img width="169.5" height="113" alt="IMG_1246.JPG" src="/site/aleatoire/IMG_1246.JPG">
		</div>
	</div>
</div>

Pourquoi style="display:none;" est-il généré ? Où puis-je gérer cela?

Et petite question subsidiaire: à quoi correspond aria-expanded="true/false" ?

Merci beaucoup.

[doudoupe]

Re : module "mod_random_image" et Firefox/Safari/Chrome

Personne?

[ghazal]

Re : module "mod_random_image" et Firefox/Safari/Chrome

Salut,
* ARIA,
google being your friend :
Accessible Rich Internet Applications - Wikipédia

http://fr.wikipedia.org/wiki/Accessible_Rich_Internet_Applications

** d'après le code que tu donnes,
le display-block; n'est pas généré par mod_random_image, mais par le module dans lequel tu l'as placé, un module TABS ?

[doudoupe]

Re : module "mod_random_image" et Firefox/Safari/Chrome

Merci ghazal pour ton attention.

Il n'est pas dans un tableau (malgré ce tabindex="-1" dont je ne connais absolument pas l'utilité). Et puis les tableau à part pour les données tabulaires, j'aime paas! (après comment Joomla gère ça derrière... )

J'ai juste placé le module "image aléatoire" dans la "position-4" du template Beez20.
Autrement je n'ai touché à rien niveau code html.

Ensuite, le site étant en ligne sur OVH, je constate que le "display:none" est toujours là même avec Firefox!

Une autre idée ?

ps: Et pourquoi un lien vers Aria?

[ghazal]

Re : module "mod_random_image" et Firefox/Safari/Chrome

* ARIA
"Accessible Rich Internet Applications (WAI-ARIA Roadmap) addresses the accessibility of dynamic Web content for people with disabilities"
Un bon site en anglais qui explique bien les différentes notations liées à ARIA (dont aria-expanded="true/false"), avec plein d'exemples

http://test.cita.illinois.edu/aria/

** je ne parlais pas de "tables" mais de "tabs", autrement dit onglets

J'ai juste placé le module "image aléatoire" dans la "position-4" du template Beez20.

C'est une position liée à une programmation spécifique du template beez (beezhide), place-le dans une autre position plus neutre ( position-6,8,3 en right ou position-9,10,11 en footer), pour tester et voir ce qu'il se passe.

[doudoupe]

Re : module "mod_random_image" et Firefox/Safari/Chrome

Très bien je testerai de le mettre dans une autre position. (demain! )

Mais je souhaite qu'il soit à cette endroit précis (ce qui correspond à "gauche-milieu"), juste en dessous du Menu.
Après je suppose que je peux aller modifier directement le template si le problème vient effectivement de là, mais si je peux éviter.

Donc quand tu dis "Tabs" tu pensais effectivement à la "position" dans lequel j'ai mis mon mod_random_image ?

Ok et merci pour ARIA, j'avais oublié cette question dans mon promier post!

[ghazal]

Re : module "mod_random_image" et Firefox/Safari/Chrome

NB: sorry, nimportnawak, je fais des betises d'envoi de post.
Bref.

Regarde dans index.php du template beez20, ± ligne 156 :

    <div class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
               <jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
                <jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
                 <jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2"  id="3" />

en position 4, tu as le style beezhide,
géré par du JavaScript,
ainsi que beezTabs, d'ailleurs, qui génère un ... module avec onglet

ie le fichier hide.js dans le dossier javascript
je dirais que c'est autour de la ligne ±105 que ca te fout le souk

} else {
					el.setStyle('display', 'none');
					el.setProperty('aria-expanded', 'false');
				}

				unique = el.id;
				var cookieset = readIt(unique);
				if (cookieset == 'block') {
					el.setStyle('display', 'block');
					el.setProperty('aria-expanded', 'true');
				}

donc ...
placer mod_random dans une autre position

[doudoupe]

Re : module "mod_random_image" et Firefox/Safari/Chrome

Ah ça m'a l'air d'être tout à fait ça!
Merci d'avoir trouvé cela!!

Donc mes options seraient:
-mettre mon module dans une autre position, et modifier son emplacement ensuite, il faut qu'il soit sous le menu (et là faudra que je regarde où aller modifier cela)
Ou
-virer simplement ce 'if' dans le javascript et forcer le display:block
Ou
-attribuer à "position-4" un autre style dans index.php, autre que beezHide, genre beezDivision.

Je pense que la dernière solution serait la meilleure et la plus rapide. Non?

Je regarde ça ce soir en rentrant!

Merci infiniment ghazal!

ps: petite question en plus pour aller un peu plus loin, sais-tu pourquoi sous FF en local, ça s'affichait et pas chez les autres?

[ghazal]

Re : module "mod_random_image" et Firefox/Safari/Chrome

ps: petite question en plus pour aller un peu plus loin, sais-tu pourquoi sous FF en local, ça s'affichait et pas chez les autres?

Safari et Chrome s'appuient sur la même "moulinette" (ou layout engine), webkit, tandis que FF utilise gecko.

la dernière solution est pas mal, si tu sais ce que tu fais.
Il y aurait une soluce en JS dans hide.js, faudrait que je réfléchisse. Ce WE, j'aurai plus de temps.
Cela dit, c'est presque un bug ton histoire.
Tu pourrais le signaler sur le bugtracker dont voici un exemple . Il faut juste s'inscrire

[doudoupe]

Re : module "mod_random_image" et Firefox/Safari/Chrome

Merci pour ta réponse Ghazal.
Le problème est réglé pour ma part grâce à toi.
J'ai donc remplacé le "BeezHide" par "BeezDivision" et mes images aléatoires s'affichent bien!

Je ne sais pas si on peut dire que c'est un bug, il y a surement un raison pour que cette position-4 soit en BeezHide... Mais pourquoi...
Encore merci