Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Kod JavaScript obejmujący elementy o określonym ID
Forum PHP.pl > Forum > Po stronie przeglądarki
JamalBIG
16.11.2012, 17:20:50
Witam

W jaki sposób zmodyfikować poniższy kod aby obejmował tylko obrazki z określonym ID - obecnie obejmuje wszystkie które posiadają 'parametr' 'title'.

[HTML] pobierz, plaintext 
  1. (function($) {
  2.  
  3.     $.titleBlock = {
  4.  
  5.         defaults: {
  6.  
  7.             removeTitle: true,
  8.             thefontSize: "12px"
  9.  
  10.         }
  11.  
  12.     }
  13.  
  14.     $.fn.extend({
  15.         titleBlock:function(config) {
  16.  
  17.             var config = $.extend({}, $.titleBlock.defaults, config);
  18.  
  19.             return this.each(function() {
  20.  
  21.                 var theImage    = $(this),
  22.                     removeTitle = config.removeTitle,
  23.                     theFontSizeValue = config.thefontSize;
  24.  
  25.                 theImage
  26.                     .wrap("<div class='image'>")
  27.                     .parent()
  28.                     .append("<span>&nbsp;</span>")
  29.                     .find("span")
  30.                     .html(theImage.attr('alt'))
  31.                     .wrapInner("<div style='font-size:" + theFontSizeValue + "px;'></div>");
  32.  
  33.                 if (removeTitle) {
  34.  
  35.                     theImage
  36.                         .removeAttr("title");
  37.  
  38.                 }
  39.  
  40.  
  41.             })
  42.  
  43.  
  44.         }
  45.  
  46.     })
  47.  
  48.  
  49. })(jQuery);
[HTML] pobierz, plaintext
kamil4u
17.11.2012, 16:59:08
Podaj kod wraz z przykładowym wywołaniem i HTML
JamalBIG
17.11.2012, 19:06:13
wywołujemy kodem: 
[HTML] pobierz, plaintext 
  1. <img src="zdjecie.png" alt="<strong>Tytuł</strong><br />Tekst" />
[HTML] pobierz, plaintext
kamil4u
17.11.2012, 19:33:20
Tak jakoś nieprofesjonalnie, ale powinno działać:
Kod
if( theImage.attr('id') == 'TwojeId' ){
  theImage
.wrap("<div class='image'>")
.parent()
.append("<span>&nbsp;</span>")
.find("span")
.html(theImage.attr('alt'))
.wrapInner("<div style='font-size:" + theFontSizeValue + "px;'></div>");
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.