|
Categorieën >
Overige
Meerdere AddThis op 1 pagina werkt niet
|
|
|
offline
|
HTML interesse
|
Op een pagina (http://www.yolknet.nl/addthis/) staan verschillende items. Elk item heeft een AddThis-link met daarin tekst die voor dat item geldt. Voor Twitter heb ik een extra regel opgenomen:
var addthis_share = {
templates: { twitter: 'Iets leuks gevonden: Naam van item http://bit.ly/gAma7u @feesttips' }
}
In de broncode staat bij elk item een eigen tekst. Maar klik je op de Twitter-link bij een item dan wordt de tekst getoond van het laatste item.
Weet iemand hoe je meerdere AddThis-links kunt gebruiken op 1 pagina? |
6 antwoorden
|
|
|
|
offline
|
Lid
|
Wanneer je bv Jquery gebruikt.
heb je de onclick event.
in dit event kan je dan $(this).attr('een atriubute van het geklikte element');
$(this).attr('een atriubute van het geklikte element');
gebruiken.
Dat zou een manier kunnen zijn. |
|
|
|
|
offline
|
HTML gevorderde
|
@cyberninjah, en daarvoor helemaal 40kb aan jQuery inladen? Onnodig.
Raw JS is stukken sneller en is ook misschien wel korter in dit geval:
var elems = document.getElementsByTagName('a'); // Haal alle a tags op
// De mooiste for loop ter wereld
for( i=-1; elem = elems[++i]; ) {
elem.onclick = function() {
var href = this.href; // of elk ander attribute LET OP: class wordt className
};
}
var elems = document.getElementsByTagName('a'); // Haal alle a tags op // De mooiste for loop ter wereld for( i=-1; elem = elems[++i]; ) { elem.onclick = function() { var href = this.href; // of elk ander attribute LET OP: class wordt className }; }
Vs jQuery:"
$('body').on('click', 'a', function() {
var href = $(this).attr('href'); // Of elk ander attribute, class blijft class
});
$('body').on('click', 'a', function() { var href = $(this).attr('href'); // Of elk ander attribute, class blijft class });
|
yolk – 06/01/2012 11:50
|
|
|
offline
|
HTML interesse
|
Dit ziet er niet uit als hetgeen wat ik zoek denk ik.
In de broncode staat bij de twitter-link de tekst die gebruikt moet worden. Maar als je erop klikt dan wordt de tekst gebruikt van het laatste item. Alsof alle items dezelfde twitter-functie gebruiken waarbij de functie van het laatste item wordt gebruikt.
|
|
|
|
|
offline
|
Lid
|
@WouterJ
Voor alleen deze methode is het inderdaad niet verstanding om een jquery te gebruiken.
|
|
|
|
|
offline
|
Erelid
|
Lijkt me logisch, je overschrijft telkens die addthis_share?
|
yolk – 06/01/2012 15:29
|
|
|
offline
|
HTML interesse
|
zo'n theorie dacht ik ook. Maar hoe kan het dan dat dit niet bij de andere links voor linkedin, hyves etc gebeurt?
En hoe kan ik het zo maken dat dit niet wordt overschreven?
|
Je moet ingelogd zijn om een reactie te kunnen posten.
|
|
|
Console games waar je niets van leert moeten worden afgeschaft. (S: 17, R: 7)
Actiefste leden van de maand
Actieve forumberichten: