login  Naam:   Wachtwoord: 
Registreer je!
 Forum

jquery collect een waarde en voeg toe (Opgelost)

Offline jeda - 20/05/2011 18:29 (laatste wijziging 20/05/2011 19:40)
Avatar van jedaLid Hallo Allemaal

Ik heb een probleempje waar ik niet uit kom , hoop dat jullie me kunnen helpen.

Ik heb een tabel

  1. <td><a href="images/imagesfruit/boomgaard4.jpg"><img src="images/imagesfruit/thumbs/t-boomgaard4.jpg"/></a></td>
  2. <td titel="name">Dubbele Bellefleur</td>


wat ik zoek is dat Jquery uit de tweede <td> de tekst als "titel tag" plaatst bij de image

ik hoop dat ik het duidelijk genoeg omschreven anders oor ik het wel

Alvast bedankt voor jullie hulp


3 antwoorden

Gesponsorde links
Offline Kevin - 20/05/2011 19:11
Avatar van Kevin Crew Ajax/REST Hallo jeda,

dit kan door:
  1. var gettitle = jQuery("td:eq(2)").html();
  2. jQuery("td img").attr("title",gettitle);


In dit geval past jQuery je img-tag aan als volgt:

  1. <img src="images/imagesfruit/thumbs/t-boomgaard4.jpg" title="Dubbele Bellefleur" /></a>


Ik denk dat je dit bedoelde?
Let ook wel op:
- in je td heb je het attribuut "titel", maar dat is niet valid. Gebruik beter data-types in html5
(data-titel="name")
- Als je een title attribuut aanmaakt met jQuery op een image is de kans groot dat deze niet door zoekmachines opgenomen worden.

Heb je hier iets aan?
Offline Ibrahim - 20/05/2011 19:42
Avatar van Ibrahim PHP expert @Kevin, jouw code zal alle images dezelfde tekst meegeven. Kijk goed!
Bedankt door: Kevin
Offline jeda - 21/05/2011 07:48 (laatste wijziging 04/06/2011 08:09)
Avatar van jeda Lid
Kevin schreef:
Hallo jeda,

dit kan door:
[..code..]

In dit geval past jQuery je img-tag aan als volgt:

[..code..]

Ik denk dat je dit bedoelde?
Let ook wel op:
- in je td heb je het attribuut "titel", maar dat is niet valid. Gebruik beter data-types in html5
(data-titel="name")
- Als je een title attribuut aanmaakt met jQuery op een image is de kans groot dat deze niet door zoekmachines opgenomen worden.

Heb je hier iets aan?


Hallo Kevin

Op het eerste gezicht leek dit id de oplossing , helaas werkt het niet , nu vermoed ik dat jou jquery in conflicy is met andere Jq.

ik zal het iets uitgebreider omschrijven

In mn wrapper

staat een div met $tabs
Binnen iedere Tab een tabel , die werkt op datatables.js
binnen die tabel meerdere regels met foto en tekst
de foto's worden geopend in fancybox.
In fancybox staat de titel van de foto onder de foto.

Ik heb jou code on top gezet met het idee dat dat eerst uitgevoerd moet worden en daarna fancybox pas , maar dit lijkt niet te werken

Mijn $code ziet er nu zo uit :


  1. $(document).ready(function(){
  2. var gettitle = $("td:eq(4)").html();
  3. $("td img").attr("title",gettitle);
  4.  
  5.  
  6. $("#tabs").tabs( {
  7. "show": function(event, ui) {
  8. var oTable = $('div.ansichttable>table.display', ui.panel).dataTable();
  9. if ( oTable.length > 0 ) {
  10. oTable.fnAdjustColumnSizing();
  11. }
  12. }
  13. } );
  14. $("#tabs-1 td a").attr("rel","appels");
  15. $("#tabs-2 td a").attr("rel","peren");
  16. $('#ansichttable.table').dataTable({
  17. "sDom": '<"H"Tlfr>t<"F"ip>',
  18. "bJQueryUI": true,
  19. "iDisplayLength": 10,
  20. "sPaginationType": "full_numbers",
  21. "oLanguage": {"sUrl": "overig/nl_NL.txt"}
  22. });
  23.  
  24.  
  25. $('#ansichttable td a').fancybox({
  26. 'titlePosition' : 'inside',
  27.  
  28. });
  29. } );
  30. </script>


Wat doe ik fout, kijk ik ergens overheen ?

ps mn tabel ziet er zo uit :

  1. <div id="tabs">
  2. <ul>
  3. <li><a href="#tabs-1">Appels</a></li>
  4. <li><a href="#tabs-2">Peren</a></li>
  5. <li><a href="#tabs-3">Druiven</a></li>
  6. <li><a href="#tabs-4">Overig</a></li>
  7. </ul>
  8. <div id="tabs-1">
  9. <table id='ansichttable' class='table','appels'>
  10. <tr>
  11. <th class='bold'>Afbeelding</th>
  12. <th class="bold">Locatie</th>
  13. <th class='bold'>Groep</th>
  14. <th class='bold'>Soort</th>
  15. <th class='bold'>Bijzonderheden</th>
  16. </tr>
  17. </thead>
  18. <tr>
  19. <td><a href="images/imagesfruit/boomgaard4.jpg" ><img src="images/imagesfruit/thumbs/t-boomgaard4.jpg"/></a></td>
  20. <td>Tuin</td>
  21. <td>Appels</td>
  22. <td id="titel">DubbeleBellefleur</td
  23. <td>Zoete stevige appel</td>
  24. </tr>



Alvast weer bedankt


Hallo , ik heb het opgelost met deze code

$(document).ready(function(){
$('.table tr').each(function(){
var titleText = $(this).find('.titel').text();
$(this).find('a.img img').attr('title', titleText);
});
});









Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.397s