Accueil > Forum > > > > récupération du title en javascript
récupération du title en javascript
jeudi 30 décembre 2010 à 14:51:16 |
récupération du title en javascript

slashf
|
salut à tous, voilà j'ai un petit problème au niveau de mon javascript, j'ai un code qui affiche la taille réelle d'une image après un clic sur la miniature sauf que j'aimerai que le "title" de la miniature soit transféré à l'image grand format, je suis nul en javascript et j'ai chercher toute la journée pour trouvé une solution mais sans grand succès
le code est :
Code ActionScript : jQuery(function($){
var settings = {
thumbListId: "thumbs",
imgViewerId: "viewer",
activeClass: "active",
activeTitle: "Photo en cours de visualisation",
loaderTitle: "Chargement en cours",
loaderImage: "galerie/images/loader.gif"
};
var thumbLinks = $("#"+settings.thumbListId).find("a"),
firstThumbLink = thumbLinks.eq(0),
highlight = function(elt){
thumbLinks.removeClass(settings.activeClass).removeAttr("title");
elt.addClass(settings.activeClass).attr("title",settings.activeTitle);
},
loader = $(document.createElement("img")).attr({
alt: settings.loaderTitle,
title: settings.loaderTitle,
src: settings.loaderImage
});
highlight(firstThumbLink);
$("#"+settings.thumbListId).after(
$(document.createElement("p"))
.attr("id",settings.imgViewerId)
.append(
$(document.createElement("img")).attr({
alt: "",
title:"",
src: firstThumbLink.attr("href")
})
)
);
var imgViewer = $("#"+settings.imgViewerId),
bigPic = imgViewer.children("img");
thumbLinks
.click(function(e){
e.preventDefault();
var $this = $(this),
target = $this.attr("href");
if (bigPic.attr("src") == target) return;
highlight($this);
imgViewer.html(loader);
bigPic
.load(function(){
imgViewer.html($(this).fadeIn(250));
})
.attr("src",target);
});
});
merci d'avance pour votre aide :)
|
|
jeudi 30 décembre 2010 à 17:50:39 |
Re : récupération du title en javascript

PetoleTeam
|
Bonjour,
le mieux pour que l'on puisse te répondre est de nous mettre le code HTML, pas 35217 lignes mais l'essentiel pour que l'on voit la structure.
Il est important également que tu nous dises où est le title sue tu veux récupérer, peut être dans la balise d'ailleurs.
;O)
|
|
jeudi 30 décembre 2010 à 19:21:54 |
Re : récupération du title en javascript

slashf
|
salut petoleteam je sens que tu vas me sauvé encore une fois lol
voici le code html :
<ul id="thumbs">
<?php $result = mysql_query("SELECT * FROM galerie_photo WHERE album='$album'");
while ($donnees = mysql_fetch_array($result)) {
$mini=$donnees['mini'];
$photo=$donnees['photo'];
$nom_album=$donnees['album'];
$tag=$donnees['tag']; ?>
<li> <a href="<?php echo $photo;?>"> <img alt="<?php echo stripslashes($nom_album) ?>" title="<?php echo stripslashes($tag); ?>"
src="<?php echo $mini;?>" /> </a> </li> <?php } ?>
</ul>
voilà, j'ai posté l'essentiel :)
|
|
jeudi 30 décembre 2010 à 21:50:56 |
Re : récupération du title en javascript

PetoleTeam
|
j'avais demandé le HTML pas le PHP que je parle très mal, mais bon j'arrive à le lire
Le title est donc issu de la balise IMG, mais le script ci dessus le modifie, donc première chose à faire supprimer cette modification
Code Javascript :
var thumbLinks = $("#"+settings.thumbListId).find("a"),
firstThumbLink = thumbLinks.eq(0),
highlight = function(elt){
thumbLinks.removeClass(settings.activeClass).removeAttr("title");
//-- suppression de cette ligne
//elt.addClass(settings.activeClass).attr("title",settings.activeTitle);
},
loader = $(document.createElement("img")).attr({
alt: settings.loaderTitle,
title: settings.loaderTitle,
src: settings.loaderImage
});
ensuite il faut récupérer le title contenu dans l'image et le mettre dans un SPAN par exemple
Code Javascript : thumbLinks
.click(function(e){
e.preventDefault();
var $this = $(this),
target = $this.attr("href"),
//-- Recup; du tittle de l'image
titre = $this.children("img").attr("title");
if (bigPic.attr("src") == target) return;
highlight($this);
imgViewer.html(loader);
bigPic
.load(function(){
imgViewer.html($(this).fadeIn(250));
//-- Ajout dans un SPAN du viewer
imgViewer.append($(document.createElement("span")).html( titre))
})
.attr("src",target);
});
n'oublions pas l'initialisation qu'il faut mettre à jour
Code Javascript : $("#"+settings.thumbListId).after(
$(document.createElement("p"))
.attr("id",settings.imgViewerId)
.append(
$(document.createElement("img")).attr({ alt: "", src: firstThumbLink.attr("href")}),
//-- Recup du title et ajout dans un SPAN
$(document.createElement("span")).html( firstThumbLink.children("img").attr("title"))
));
voila qui devrait fonctionner, il reste peut être à mettre en forme via le CSS.
;O)
|
|
Cette discussion est classée dans : javascript, code, title, settings, attr
Répondre à ce message
Sujets en rapport avec ce message
Ecrire un code Javascript dans un "tut" Javascript ? [ par honolulu ]
Salut,Je suis en train de creer un "tut" de la manière suivante : j'ai fait un array (a, b, c, d), créé une fonction affiche () {document.form.textare
Votre avis sur mon code Javascript ? [ par okin7 ]
Bonjour, Je développe des pages en HTML/Javascript avec des fonctions évoluées comme un moteur de recherche. J'aurais besoin de feedback (OS, navigate
ecrire dans un le code html avec le script javascript [ par clk ]
Probleme de bandeau e pub flash avec code javascript [ par fidpub ]
Bonjour,J'ai un site internet qui affiche comme beaucoup d autres un bandeau publicitaire de 468*60 en haut et a droite de ce site(je precise que ca n
bouton "sauver" écriture (append) sur HDD en JAVASCRIPT [ par etlec ]
Plutot que SUBMIT & MAILTO :Un code AVASCRIPT pour acceder aux disques durs!Cherche code pour un bouton "sauver" écriture (append sur fichier DISQUE D
problème d'url javascript php [ par tweeder ]
bonjourvoici mon code pour appeler la fonction qui affiche le pop up)" class="smallLinkBlack">Cal
code javascript ne marche pas [ par sb38 ]
Bonjour, Je suis un gros débutant en javascript. J'ai fait un script qui fonctionne tres bien sur une machine avec xp et ie compatible MSIE 6.0 Par co
code javascript diapositive video [ par fred1 ]
est ce que quelqu'un aurait un code source an javascript a partager au sujet de pouvoir afficher des video de camera de surveillance les une aprés les
javascript:MM_openBrWindow [ par lutin1er ]
Bonjour !je suis novice en code et j'aimerais savoir pourquoi mon code : onClick="javascript:MM_openBrWindow('info.html','info','width=300,height=360
prob éxécution js / et balises <table> [ par zeraxp ]
salut,alors voila j'ai une fonction javascript qui est appelé sur lévenement on submit d'un formulaire:....<input type="submit" value=Re
Livres en rapport
|
Derniers Blogs
POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|