Avaleht
uus teema   vasta Tarkvara »  WWW »  jquery teema märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
mine lehele eelmine  1, 2, 3, 4, 5  järgmine
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001




sõnum 04.07.2010 21:22:40 vasta tsitaadiga

no eks see oleneb ikka sellest, kes õpetab. vaevalt sellist tava, mis on ainuõige olemas on.
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001




sõnum 04.07.2010 22:39:50 vasta tsitaadiga

aga kas kuidagi sorteerida on võimalik? näiteks

<div id="s_1">1</div>
<div id="s_2">2</div>
<div id="s_3">3</div>
<div id="s_4">4</div>

kuidas saaks nüüd järjekorda muuta? ehk siis et kuvatakse näiteks 1 3 2 4. ja kas oleks võimalik lisada üks div kuhugi keskele?

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online

sõnum 04.07.2010 23:16:55 vasta tsitaadiga

Vahele sisestada?
$('div:nth-child(3)').after('mingi content');
Lisab kolmanda div elemendi järele sisu.

div ette võid anda ka mingi piiravama selectori, a'la
#mingiParent div:nth-child(3)

Ümber järjestamise kohta:
var divs = $("#mingiParent div");
divs.eq(3).insertBefore(divs.eq(2));
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001




sõnum 06.07.2010 21:04:45 vasta tsitaadiga

kui nüüd klikkida yles lingile, siis viiakse tr eelmise tr ette. see kõik on õige ja ma ka nii tahan. aga seal nüüd mõned probleemid ja küsimused:

1. lõpuks läheb lolliks, kui palju seda üles klikkida. ei saagi aru mis hetkel
2. kas ma kuidagi saaksin if lausega panna, et sellist liigutamist tehakse ainult juhul kui lingile millelt see funktsioon välja kutsuti on pandud ka class yles?
3. või on selleks mingi hoopis lihtsalt lahendus olemas?

lõpptulemus oleks selline, et saab neid tr piiramatult üles alla liigutada...

javascript:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <script type="text/javascript" src="cms/includes/jquery/jquery-1.4.2.js"></script>
  7. <style type="text/css">
  8.  
  9. </style>
  10. <script type="text/javascript">
  11. $(function() {
  12.   $('#list tr:even').css('background-color', '#cccccc');
  13.   $('#list tr:first a.yles').empty();
  14.   $('#list tr:last a.alla').empty();
  15.  
  16.   $('#list tr').one('click', function() {
  17.     var curr_html = $(this).html();
  18.     var prev_html = $(this).prev().html();
  19.     var next_html = $(this).next().html();
  20.    
  21.     $(this).html(prev_html);
  22.     $(this).prev().html(curr_html);
  23.    
  24.     return false;
  25.   });
  26. });
  27. </script>
  28. </head>
  29. <body>
  30. <table id="list">
  31. <tr><td>See on 1</td><td><a class="yles" href="#">yles</a></td><td><a class="alla" href="#">alla</a></td></tr>
  32. <tr><td>See on 2</td><td><a class="yles" href="#">yles</a></td><td><a class="alla" href="#">alla</a></td></tr>
  33. <tr><td>See on 3</td><td><a class="yles" href="#">yles</a></td><td><a class="alla" href="#">alla</a></td></tr>
  34. <tr><td>See on 4</td><td><a class="yles" href="#">yles</a></td><td><a class="alla" href="#">alla</a></td></tr>
  35. <tr><td>See on 5</td><td><a class="yles" href="#">yles</a></td><td><a class="alla" href="#">alla</a></td></tr>
  36. <tr><td>See on 6</td><td><a class="yles" href="#">yles</a></td><td><a class="alla" href="#">alla</a></td></tr>
  37. </table>
  38. </body>
  39. </html>


peaks vist peale igat liigutust kuidagi selle listi üle käima, et juhul kui liigutati teine rida esimiseks, siis ta ka oleks esimine ja vastaks :first selectorile

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
kullar
HV kasutaja
kullar

liitunud: 26.11.2006



Autoriseeritud ID-kaardiga

sõnum 06.07.2010 22:17:17 vasta tsitaadiga

selline asi peaks aitama kontrollida, et kas on class olemas või mitte
http://api.jquery.com/hasClass/

_________________
Online Perekonna Eelarve, Keerukamad veebipõhised infosüsteemid jms
Kommentaarid: 27 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 25
tagasi üles
vaata kasutaja infot saada privaatsõnum
BullDoze
HV kasutaja
BullDoze

liitunud: 01.03.2005



Autoriseeritud ID-kaardiga

sõnum 25.07.2010 02:01:31 vasta tsitaadiga

kuidas laadida enne lõpu body tagi lehele asju juurde?

Selline ja ka teised sarnased variandid mida katsetasin ei töötand, google ka ei aidanud:

$('body').append(function(){
      $.load('/poolkova.html');
});
Kommentaarid: 15 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 14
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online

sõnum 25.07.2010 02:20:36 vasta tsitaadiga

javascript:
  1. $(document).ready(function(){
  2.   $.get(
  3.     '/poolkova.html',
  4.     function(data){
  5.       $('body').append(data);
  6.     },
  7.     'html'
  8.   );
  9. });
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
BullDoze
HV kasutaja
BullDoze

liitunud: 01.03.2005



Autoriseeritud ID-kaardiga

sõnum 25.07.2010 11:23:56 vasta tsitaadiga

Aitäh, seda edasi arendades sain asja tööle nii nagu vaja. icon_cool.gif
Kommentaarid: 15 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 14
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online

sõnum 25.07.2010 17:55:39 vasta tsitaadiga

http://jsbin.com/opiku4/2

On ehk ideid et kuidas errorist lahti saada, mis ilmub teistkordsel sisselogimiskasti avamisel?
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
mrkaarel
HV vaatleja

liitunud: 08.07.2008




sõnum 25.07.2010 19:08:10 vasta tsitaadiga

if((action.type = "keydown" && action.keyCode == 27) || (action.type = "focus" && !link.hasClass("menu-open")))

Mulle tundub, et siin real sa ei taha tegelikult action.type'i väärtustada vaid võrrelda icon_smile.gif
Kommentaarid: 2 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 2
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online

sõnum 25.07.2010 20:35:52 vasta tsitaadiga

Janäed, viga peitustki seal, tänud icon_biggrin.gif
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
Naljatilk
HV kasutaja
Naljatilk

liitunud: 03.03.2006




sõnum 05.08.2010 17:50:02 vasta tsitaadiga

Tervist!

Oskab keegi öelda, kuidas selectida järgmine <img> element?

Kood seesugune:
html:
  1.         <tr>
  2.                 <td><img src="pilt.jpg" class="pilt" /></td>
  3.                 <td>
  4.                         <h2>Pealkiri</h2>
  5.                         <p>Lorem ipsum... </p>
  6.                 </td>
  7.         </tr>
  8.  
  9. <!-- siin jääb teema korduma -->
  10.         <tr><td><img src="pilt.jpg" class="pilt" /></td>        <td>    <h2>Pealkiri</h2><p>Lorem ipsum... </p></td></tr>
  11. <!-- ... -->
  12. </table>
  13.  


jQuery, mille püüda üritan:
javascript:
  1. $(document).ready(function() {
  2.         $("h2").click(
  3.                 function(e){
  4.                         $(this).next(".pilt").animate({
  5.  
  6.                                 height: '180px'
  7.  
  8.                         }, 100);
  9.  
  10.                 },
  11.  
  12.                 function(){
  13.  
  14.                         $(this).next('.pilt').animate({
  15.  
  16.                                 height: '20px'
  17.  
  18.                         }, 100);
  19.  
  20.                 });     
  21.         });
  22. });
  23.  


Olen üritanud leida järgmist pilti ka next("img") abil ja erinevate sarnaste kirjapiltide ja võimaluste abil.
Lihtsuse mõttes katsetasin ka css("border","3px solid red") abil. Tulemuseks see, et kui selectida "*", siis muudab piirjoone punaseks, kui määrata klikikuulaja pildile endale ning kasutada ilma next() muutujata, suudab samuti hakkama saada, aga nii ei ole saanud seda tööle panna, et klikk pealkirjal ja pilt muudab suurust.

Selgituse mõttes ütlen, et käesolev kood on vähesel määral lihtsustatud, originaali laetakse suur hulk andmeid sisse, mis muudab pilguga haaramise raskemaks.

_________________
Vaata pilti
Kommentaarid: 11 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 11
tagasi üles
vaata kasutaja infot saada privaatsõnum
QWhite
Kreisi kasutaja
QWhite

liitunud: 24.02.2004




sõnum 05.08.2010 18:06:01 vasta tsitaadiga

Naljatilk, kuna h2 elemendi parent on erinev img parentist, siis next ei leia teda.
Kommentaarid: 65 loe/lisa Kasutajad arvavad:  :: 1 :: 0 :: 60
tagasi üles
vaata kasutaja infot saada privaatsõnum
anim
HV kasutaja
anim

liitunud: 19.05.2005




sõnum 05.08.2010 18:29:39 vasta tsitaadiga

$("h2").click(
                function(e){
                        $(this).next(".pilt").animate({

asemel peaks olema midagi sellist:

$("h2").click(
                function(e){
                        $(this).parent().parent().children().children().animate({

ehk siis parent liigub ühe sammu DOM puus üles: h2 parent on td, mille parent on tr, edasi children liigub jällegi alla - tr esimene children on esimene td, mille children ongi sinu img.
Võid kasutada ka find käsku: http://api.jquery.com/find/
Kommentaarid: 23 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 22
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online

sõnum 05.08.2010 18:42:02 vasta tsitaadiga

javascript:
  1. $(document).ready(function() {
  2.   $("h2").toggle(
  3.     function() {
  4.       $(".pilt", $(this).parent().parent()).animate({
  5.         height: '180px'
  6.       }, 100);
  7.     },
  8.     function() {
  9.       $(".pilt", $(this).parent().parent()).animate({
  10.         height: '20px'
  11.       }, 100);
  12.     }
  13.   );
  14. });
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
Naljatilk
HV kasutaja
Naljatilk

liitunud: 03.03.2006




sõnum 05.08.2010 22:47:29 vasta tsitaadiga

Suured tänud kiirete vastuste eest! Sain piisaval määral targemaks. icon_smile.gif
_________________
Vaata pilti
Kommentaarid: 11 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 11
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001




sõnum 05.11.2010 11:31:17 vasta tsitaadiga

kuidas saaks selectida optioni value. peaks toimima peale seda, kui kasutaja on selectis optionit muutnud.

<select id="test">
<option value="1">Yks</option>
<option value="2">Kaks</option>
</select>
<input type"submit" id="submit">


jquery peaks siis kontrollima, et sisestatud oleks suurem kui 1.

$('#submit').click(function() { ...

igakord peal seda clicki peaks kontrollima, mis väärtus hetkel optionil on

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002



Online

sõnum 05.11.2010 11:36:37 vasta tsitaadiga

if( $('#test').val() > 1 ){
}

_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online

sõnum 05.11.2010 11:45:38 vasta tsitaadiga

$("#test").val()

Edit: jää veel mõtlema muude asjade peale...
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001




sõnum 05.11.2010 11:54:01 vasta tsitaadiga

sain tegelt... see selector peab selle clicki sees olema. option:selected
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online

sõnum 05.11.2010 12:05:55 vasta tsitaadiga

keevitaja, misasja?
http://jsbin.com/ewubi4
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001




sõnum 05.11.2010 19:00:25 vasta tsitaadiga

$("#click_output") ma panin muutujasse väljaspool clikki icon_lol.gif
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001




sõnum 08.11.2010 17:47:21 vasta tsitaadiga

$('#priceinquiry input:text[value=]')


see leiab kõik input type="text" väljad, mis on tühjad. kuidas ma saaksin teha sellise valik lause, et juhul kui tühi väli leiti, siis tehakse midagi. lihtsalt if($('#priceinquiry input:text[value=]')) ei paista aitavat.

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
anim
HV kasutaja
anim

liitunud: 19.05.2005




sõnum 08.11.2010 17:59:43 vasta tsitaadiga

$('#priceinquiry input:text[value=]').each(function ...)
Kommentaarid: 23 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 22
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001




sõnum 03.04.2011 01:34:47 vasta tsitaadiga

krt, kuidas saaks mingi evendi korral text inputile mingi val anda nii, et ta tuleks aeglaselt nähtavale
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  jquery teema mine lehele eelmine  1, 2, 3, 4, 5  järgmine
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.