|
|
pikachu82
{ Membre }
Messages : 48
| coucou VPEYBERNES,
tu m'as pas oublié? Je continue de bosser dessus mais je crois je vais vraiment avoir besoin de toi pour ça!
Merci par avance | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Euh en fait si Désolé. Je regarde ça après mangé. | | |
|
| |
pikachu82
{ Membre }
Messages : 48
| T'inquiète pas, il n'y a pas de soucis.
Prends ton temps, c'etait juste pour savoir si tu pensais à moi ou plus! LOL Merci beaucoup. Heureusement qu'il y a des personnes comme toi et tous les autres membres. | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Bon alors voila ce que tu vas faire : Du coté de l'image : - Code:
-
<img class="alert" value="Tu as vraiment cru que nous avions fait ça...!!! Encore pire, tu as vraiment cru que nous allions vous les montrer...!!! Tu t'es bien fait avoir...;-)'" src="http://aude-yann.fr/images/images_avant_premiere/couple%20aude%20et%20yann.jpg" style="border: 0px ; position: relative; top: -630px; left: 30px; width: 229px; height: 250px;cursor:pointer" /> On a donc l'image avec une classe alert et le message dans l'attribut value. J'ai aussi ajouter le curseur en pointeur pour que l'on vois bien qu'elle est cliquable. Si tu veux reprendre pour d'autre image : - Code:
-
<img class="alert" name="message" src="URL" style="cursor:pointer" /> Coté script :Je t'es donc écrit un petit script tout simple pour faire marcher le tout. - Code:
-
<script type="text/javascript"> jQuery(document).ready(function(){ $(".alert").click(function(){ var message = $(this).attr("value"); alert(message); }); }); </script> Don en fait à chaque fois qu'on clique sur un truc qui à la classe alert ça prend le contenu de l'attribut value pour le mettre dans une boite d'alerte. Il va falloir que tu mettent ce script dans le fichier index.php, juste avant la balise </head>Oublies d'uploader le ficher sur le serveur. |
Dernière édition par VPeybernes le Mer 26 Mai 2010, 09:26, édité 1 fois | |
|
| |
pikachu82
{ Membre }
Messages : 48
| Merci beaucoup, je vais essayer tout de suite.
Par contre le script, je le met avant quelle balise dans index.php? Je pense que tu as du oubllier de le noter ;-) | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| En fait j'ai oublier de désactiver le HTML dans le message. la balise </head> | | |
|
| |
pikachu82
{ Membre }
Messages : 48
| OKi, bon alors j'ai fait le test. Tout s'affiche bien sauf le message! lol En fait, le curseur apparait bien mais quand je clique sur la photo, rien ne se passe. Quand je regarde le code html del a page après mise à jour, en fait, il prend tout sauf le value... Il ne prend que ça - Code:
-
<img class="alert" src="http://aude-yann.fr/images/images_avant_premiere/couple%20aude%20et%20yann.jpg" border="0" style="position: relative; width: 229px; height: 250px; top: -630px; cursor: pointer; left: 30px; border: 0px;" /> | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Alors tu va tester avec name alors. Tu me le message dans l'attribut name et tu regarde si le code est pris en compte. Si c'est le cas, tu retourne dans index.php et tu modifie le script à cette endroit : - Code:
-
var message = $(this).attr("value"); Tu mets name à la place de value. Et si ça marche pas, tu te rabat sur l'attribut alt. Tout pareil mais en remplaçant value par alt. L'inconvénient c'est que si on laisse la souris dessus, on à une infobulle. | | |
|
| |
pikachu82
{ Membre }
Messages : 48
| Alors avec l'attribut anme, je peux le rentrer dans le code html de mon article joomla sans soucis.
Par contre même après avoir modifier le fichier index.php du template, quand on clique sur la photo, ça ne fait rien.
Est ce que c'est pas car j'ai pas copier dans le bon index.php?
Je l'ai copier dans mon ftp au repertoire template/montemplate/ mais y aussi plein d'autres fichiers du coup je sais pas | | |
|
| |
pikachu82
{ Membre }
Messages : 48
| avec le alt, ça ne parche pas non plus | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Vois si tu à pas un fichier qui s'appel header ou overall_header ou un truc du genre. Surement un dossier correspondant à ton thème. | | |
|
| |
pikachu82
{ Membre }
Messages : 48
| Alors dans mon template, j'ai plusieurs dossiers
un dossier css dans lequel il n'y a que des fichiers .css un dossier html dans lequel il y a un fichier index.html, un fichier modules.php, et un module pagination.php un dossier images dans lequel il y a des images! lol et après des fichiers: component.php, favicon.ico, index.html, index.php, params.ini, template_thumbnail.png, templateDetails.xml
voilou. Après si tu préfères, je te donne en mp mes codes ftp. Je te fais confiance. | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Non c'est bon j'ai trouvé. J'ai resortit mon Joomla d'un vieux dossier poussiéreux, et je me suis rappelé pourquoi j'avais préféré l'oublier. C'est vraiment galère à s'y faire. Alors tu reprend mon explication avec name, et pour mettre le script tu va dans l'administration de joomla > Extention > Gestion des template. La tu clique sur celui qui est par défaut, puis tu vas dans Editer le HTML (en haut à droite). Quant ta fini la modif tu sauvegarde et tu applique. | | |
|
| |
pikachu82
{ Membre }
Messages : 48
| alors j'ai fait ce que tu m'as dit, et en fait en editant le html par defaut, j'ai decouvert que ça avait pris la modif que tu m'as fait faire avant en modifiant le index.php
J'ai refait au cas où direct de joomla, mais il ne se passe toujours rien hormis le curseur qui apparait. | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Ok. Ajoutes ça avant le script : - Code:
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> Si ça marche pas je me pend. |
Dernière édition par VPeybernes le Mer 26 Mai 2010, 12:06, édité 1 fois | |
|
| |
pikachu82
{ Membre }
Messages : 48
| arf mon pauvre, je viens d'essayer, ça ne fonctionne pas. Je te montre en code tout le html du template pour que tu vois si j'ai copier comme il faut ou si j'ai fait une erreur. - Code:
-
<?php /** * @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved. * @license GNU/GPL, see LICENSE.php * Joomla! is free software. This version may have been modified pursuant * to the GNU General Public License, and as distributed it includes or * is derivative of works licensed under the GNU General Public License or * other free or open source software licenses. * See COPYRIGHT.php for copyright notices and details. */
// no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/template.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/<?php echo $this->params->get('backgroundVariation'); ?>_bg.css" type="text/css" /> <!--[if lte IE 6]> <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ieonly.css" rel="stylesheet" type="text/css" /> <![endif]--> <?php if($this->direction == 'rtl') : ?> <link href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/template_rtl.css" rel="stylesheet" type="text/css" /> <?php endif; ?> <script type="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ $(".alert").click(function(){ var message = $(this).attr("name"); alert(message); }); }); </script></head> <body id="page_bg" class="color_<?php echo $this->params->get('colorVariation'); ?> bg_<?php echo $this->params->get('backgroundVariation'); ?> width_<?php echo $this->params->get('widthStyle'); ?>"> <a name="up" id="up"></a> <div class="center" align="center"> <div id="wrapper"> <div id="wrapper_r"> <div id="header"> <div id="header_l"> <div id="header_r"> <div id="logo"></div> <jdoc:include type="modules" name="top" /> </div> </div> </div>
<div id="tabarea"> <div id="tabarea_l"> <div id="tabarea_r"> <div id="tabmenu"> <table cellpadding="0" cellspacing="0" class="pill"> <tr> <td class="pill_l"> </td> <td class="pill_m"> <div id="pillmenu"> <jdoc:include type="modules" name="user3" /> </div> </td> <td class="pill_r"> </td> </tr> </table> </div> </div> </div> </div>
<div id="search"> <jdoc:include type="modules" name="user4" /> </div>
<div id="pathway"> <jdoc:include type="modules" name="breadcrumb" /> </div>
<div class="clr"></div>
<div id="whitebox"> <div id="whitebox_t"> <div id="whitebox_tl"> <div id="whitebox_tr"></div> </div> </div>
<div id="whitebox_m"> <div id="area"> <jdoc:include type="message" />
<div id="leftcolumn"> <?php if($this->countModules('left')) : ?> <jdoc:include type="modules" name="left" style="rounded" /> <?php endif; ?> </div>
<?php if($this->countModules('left')) : ?> <div id="maincolumn"> <?php else: ?> <div id="maincolumn_full"> <?php endif; ?> <?php if($this->countModules('user1 or user2')) : ?> <table class="nopad user1user2"> <tr valign="top"> <?php if($this->countModules('user1')) : ?> <td> <jdoc:include type="modules" name="user1" style="xhtml" /> </td> <?php endif; ?> <?php if($this->countModules('user1 and user2')) : ?> <td class="greyline"> </td> <?php endif; ?> <?php if($this->countModules('user2')) : ?> <td> <jdoc:include type="modules" name="user2" style="xhtml" /> </td> <?php endif; ?> </tr> </table>
<div id="maindivider"></div> <?php endif; ?>
<table class="nopad"> <tr valign="top"> <td> <jdoc:include type="component" /> <jdoc:include type="modules" name="footer" style="xhtml"/> </td> <?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?> <td class="greyline"> </td> <td width="170"> <jdoc:include type="modules" name="right" style="xhtml"/> </td> <?php endif; ?> </tr> </table>
</div> <div class="clr"></div> </div> <div class="clr"></div> </div>
<div id="whitebox_b"> <div id="whitebox_bl"> <div id="whitebox_br"></div> </div> </div> </div>
<div id="footerspacer"></div> </div>
<div id="footer"> <div id="footer_l"> <div id="footer_r"> <p id="syndicate"> <jdoc:include type="modules" name="syndicate" /> </p> <p id="power_by"> <?php echo JText::_('Powered by') ?> <a href="http://www.aude-yann.fr"><span style="line-height: normal; font-family: French script MT; color: rgb(173, 0, 112); font-size: 30px;"> Y@nn</span></a>. </p> </div> </div> </div> </div> </div> <jdoc:include type="modules" name="debug" />
</body> </html> | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Tu à copier avant que je n'enregistre ma correstion. J'avais fait une erreur. C'est text/javascript et pas javascript. Ça peut être ça.
Sinon je vois pas d'autre erreur. | | |
|
| |
pikachu82
{ Membre }
Messages : 48
| merci infiniment. Tu es un as et je sais pas comment te remercier. ça fonctionne nickel.
Juste une dernière question avant que j'arrete de t'embeter.
1) Sur internet explorer 6 le site ne s'affiche pas correctement. Or j'ai de la famille qui utilise ça. Sais tu comment corriger ça?
2) le menu du site chez moi (que ce soit sur firefox ou ie8) s'affiche bizarrement, j'ai les onglet du menu qui sont décalés. Tu sais aussi comment corriger ça??
Merci encore pour tout | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Pour IE6... Dis leur de le mettre à jour...
Non parce que si tu vva parla avec IE il faut créer une version du site pour chaque version d'IE. Le mieux c'est encore qu'il le mette à la poubelle pour prendre FF Chr ou Ô.
Pour le menu, il faudrait voir comment tu l'as construit. | | |
|
| |
pikachu82
{ Membre }
Messages : 48
| merci de tes réponses.
Pas de problèmes pour le navigateur, je comprend. Je leur dirai de changer.
En ce qui concerne le menu, il est fait avec un petit module tout fait pour jommla qui s'appelle mod_swmenufree voilou | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Ben il ce trouve que depuis ce soir l problème à disparut chez moi. Tu as trouvé une solution ? | | |
|
| |
pikachu82
{ Membre }
Messages : 48
| coucou,
excuse moi de pas t'avoir répondu plus rapidement. Un peu debordé avec le taf!
Alors, en ce qui concerne le menu, non j'ai rien fait et ça ne fonctionne pas chez moi! mais bon je sais pas trop d'où ça peut venir.
Par contre j'ai encore une question, cette fois-ci sur les photos. Quand j'insère une image (photo) dans ma page html, est ce que de la même manière que la fonction class alert, je peux faire en sorte que si les gens clique dessus, ça zoom?
Merci par avance | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| J'ai rien dit. Il est revenue. Mon navigateur devais être super en forme ce jour là. C'est toi qui à désactiver le click droit sur ton site ? Si oui, j'aurai besoin que tu les réactive pour analyser ton site. | | |
|
| |
pikachu82
{ Membre }
Messages : 48
| oui c'est moi qui l'avait désactiver.
Je viens de te le remettre.
Et pour agrandir les photos, tu sais comment faire?? | | |
|
| |
Furase
{ Membre actif }
Messages : 312
| Bonsoir. Pour agrandir une photo, tu peux utiliser un logiciel de retouche photo, ce qui te garantira probablement une meilleure qualité d'image. Autrement, tu peux changer la taille de l'image au moment où tu l'insère. - Code:
-
<img width="(largeur)px" height="(hauteur)px src="lien" /> (sans oublier le texte alternatif donné par alt, question d'accessibilité) Je ne suis pas sûr d'avoir répondu à la question ? Fu' | | |
|
| |
Contenu sponsorisé
| |
| |
|