Wpisy oznaczone tagiem "jquery" (8)  

petre
 
Kto by przypuszczał, że ".toFixed(2)" stosowany w #JavaScript powoduje utworzenie na nowo stringa z cyfry (mylę się ?).
Oto moje spostrzeżenie:
var koszyk_suma=parseFloat($('span#koszyk_suma').text()); //przykładowo 2
var koszyk_suma_nowa=1;
var jakas_suma=koszyk_suma+koszyk_suma_nowa

return 3

natomiast:
var koszyk_suma=parseFloat($('span#koszyk_suma').text()).toFixed(2); //przykładowo 2
var koszyk_suma_nowa=1;
var jakas_suma=koszyk_suma+koszyk_suma_nowa

return 21

I o tym to już nie wspomną ...
 

projekt-net
 
W jQuery można tworzyć elementy na wiele sposobów, albo dodając jako atrybut jako w metodzie html() albo też korzystać z document.createElement() lub append(obj). W zależności od przypadku każde rozwiązanie ma swoje wady i zalety.
Założenie

Zakładamy że operujemy na obiekcie div#main. Oczywiście wczytujemy jquery.js oraz jquery.dimensions.js

1
2
3
<div id="main">

</div>
html()

Po prostu, używając html bez argumentu – otrzymujemy kod znajdujący się w obiekcie, podając w parametrze string – zamieniamy kod na podany w argumencie

1
$('#main').html('<div>aasc</div>');

append()


Używając append – dodajemy kod do obiektu – nie zastępujemy istniejącego, jako parametr również możemy podawać obiekt js, albo jquery

1
$('#main').append('<div>aasc</div>');
document.createElement()



Tak to jest część o którą mi chodziło :) Tworząc element jak na poniższym przykładzie na starcie mamy obiekt jQuery i możemy na nim operować.

1
2
3
4
5
6
7
8
9
10
$(document.createElement('div'))
   .html('a')
   .addClass('active')
   .css('fontWeight', 'bold')
   .appendTo($('#main'));

 var list = $(document.createElement('div')); //tworzenie
 list.html('<div>1element</div>'); //wpisywanie html'a
 list.append('<div>2element</div>'); // dodawanie
 $('#main').append(list); // dodanie do dokumentu
Długość tekstu w pikselach

A teraz część właściwa. Bardzo rzadko, ale naprawde bardzo rzadko zdarza się ze zanim wyświetlimy element musimy posiadać jego szerokość, problem pojawia się gdy mamy spory mętlik cssowy a wyświetlenie elementu za szerokiego może popsuć wygląd. Ja miałem taką sytuację :)
Wtedy musimy sprawdzić szerokość tekstu przed wyświetleniem – mi się przydało znać taką szerokość aby ustalić szerokość rodzica…
Załóżmy, że mamy diva „.list”, w którym znajdują się różne „.elementOfList”, kod html/css wygląda tak

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<style>

.list{border:black solid 1px;width:100px;}
.elementOfList{font-size:12px;font-family:Tahoma}

</style>

<div id="main">

</div>

<div class="list">
 <div class="elementOfList">pierwszy element</div>
 <div class="elementOfList">drugi element dluzszy</div>
 <div class="elementOfList">trzecie element dosc krotki</div>
 <div class="elementOfList">czwarty...</div>
</div>
Jak widać element .list jest za wąski i tekst w „elementOfList” się zawija, nalezy więc znaleźć największą szerokość tekstu w elementOfList i ustawić taką na .list, tak więc znajdujemy…
 

webtutorials
 
Dzisiaj będziemy tworzyć animowaną #stronę #internetową z #jQuery. Po kliknięciu na link, dodatkowe informacje będą wyświetlane + tło będzie się zmieniało.

Gdy zawartość linku będzie pokazana, linki z menu znikną. Jeśli klikniemy na "X", zamykamy "okienko" i menu pojawi się ponownie.

<object style="height: 390px; width: 640px"><param name="movie" value="
"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="
" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></object>
 

kciuk-pl
 
lista 5 sposób (kodów HTML lub jaxxxvascxxxript), które pozwolą Ci wywalić przeglądarkę IE6 i tylko IE6, w momencie gdy użytkownik wejdzie na Twoją stronę z tej właśnie przeglądarki. Nadszedł czas zemsty, za godziny poprawiania bugów IE6!

Link: www.kciuk.pl/5-prostych-sposobow-by-zepsuc-IE6-a3818
 

salonit
 
Rozumiem, że $ odwołuje się do obiektu jQuery. Dlaczego więc umieszczać $ z $self i $body? Czy self i $self to to samo?

www.salonit.pl/(…)jquery-syntaktyka-zmiennych-200…
 

webspot
 
Here are 35 useful jQuery plugins focusing on navigation, gallery and slideshows, calendars, tab browsing and further resources to reduce time and effort while increasing your audience

Link: www.noupe.com/(…)35-fresh-useful-jquery-plugins.htm…

#english
 

 

Kategorie blogów