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:  
Renka
HV Guru
Renka

liitunud: 31.03.2002
sõnum 03.04.2011 00:55:15 vasta tsitaadiga
keevitaja, anna teksti värvikst inputi tausta värv ja siis edasi on abiks .animate()

Demo ka: http://jsbin.com/oyayu4/3

jQuery UI peab olema ka includetud, et värvide animeerimist saavutada.

Lisaks siis ka miski easing, et asi väga rõve välja ei näeks: http://jqueryui.com/demos/effect/easing.html
_________________
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
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 03.04.2011 09:54:38 vasta tsitaadiga
Äkki sa mõtled fadeIn(); fadeOut();
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 31.03.2002
sõnum 03.04.2011 09:55:50 vasta tsitaadiga
andrusny kirjutas:
Äkki sa mõtled fadeIn(); fadeOut();
kuidas sa sellega inputi sisu fadema saad panna?
_________________
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
perenoel
Kreisi kasutaja
perenoel

liitunud: 04.05.2004
sõnum 03.04.2011 16:15:56 vasta tsitaadiga
Vabandan oma võimalikku rumalust, kuid kui jQuery peidab info otsingu eest üsna analoogselt Flashiga, miks siis mitte Flashi kasutada, mis on ju ääretult lihtsam ja pakub enam võimalusi?
_________________
The biggest delusion is that there are causes other than your own state of consciousness. - Neville Goddard
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 03.04.2011 16:46:38 vasta tsitaadiga
mis info? eesmärk ei ole mitte midagi otsingumootori, kui sa nüüd seda mõtlesid, peita.

jquery ei peida vastupidiselt flashile. ja flash ikka täitsa teine asi!!!
_________________
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
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 03.04.2011 17:11:07 vasta tsitaadiga
<script type="text/javascript">
$(document).ready(function(){
  $("#n1").click(function(){
$("#s1").fadeOut();
});
});
</script>
<style>
#s1{border:none;}
label{width:200px;height:25px;border:solid 1px #000;}
</style>
</head>
<body>
<form action="http://www.domain.com/" method="post">
<label><input type="text" name="ala1"  maxlength="256" id="s1"></label><br>
<input type="button" value="nupp" id="n1">
</form>

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
QWhite
Kreisi kasutaja
QWhite

liitunud: 24.02.2004
sõnum 03.04.2011 17:12:47 vasta tsitaadiga
perenoel kirjutas:
Vabandan oma võimalikku rumalust, kuid kui jQuery peidab info otsingu eest üsna analoogselt Flashiga, miks siis mitte Flashi kasutada, mis on ju ääretult lihtsam ja pakub enam võimalusi?

jQuery ei peida infot otsingu eest, läbimõtlematu kasutaja võib seda teha, kui kogu sisu ainult Ajaxiga pärib.
jQuery vajab ainult JavaScripti ja on tasuta :)
Kommentaarid: 66 loe/lisa Kasutajad arvavad:  :: 1 :: 0 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum
perenoel
Kreisi kasutaja
perenoel

liitunud: 04.05.2004
sõnum 03.04.2011 17:31:42 vasta tsitaadiga
Selge, siis on arusaadav. Mulle oli nagu mulje jäänud, et jQuery-Ajaxi aplikatsioonid jäävad otsingumootorite eest peitu.
Aga muidu on jQuery ja Flash omavahel ikkagi natuke sarnased asjad. Samasuguseid asju teevad ja programmeerimiskeel on ka sama. Ainuke vahe, et flash jääb täielikult eraldi ja kompaktselt swf faili.
_________________
The biggest delusion is that there are causes other than your own state of consciousness. - Neville Goddard

viimati muutis perenoel 03.04.2011 18:09:20, muudetud 1 kord
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 03.04.2011 17:32:40 vasta tsitaadiga
ActionScript ei ole siiski sama mis JavaScript.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
Redikate
HV veteran
Redikate

liitunud: 30.12.2005
sõnum 03.04.2011 19:19:06 vasta tsitaadiga
perenoel kirjutas:
Aga muidu on jQuery ja Flash omavahel ikkagi natuke sarnased asjad. Samasuguseid asju teevad ja programmeerimiskeel on ka sama. Ainuke vahe, et flash jääb täielikult eraldi ja kompaktselt swf faili.


Whaaa...?

function slideSwitch() {
    var $active = $('.slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('.slideshow IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('.slideshow IMG:first');



    $active.addClass('last-active');

    $next.css({opacity: 0.1})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}



VS

function scrollerMouseUp(e:MouseEvent):void {
   for(var sa:int = 0; sa < snapPoints.length;sa++)
   {
      if(scroller.x - scrollBar.x > snapPoints[sa] && scroller.x - scrollBar.x < snapPoints[sa + 1])
      {
         scroller.x = snapPoints[sa] + scrollBar.x;
      }
   }
   scroller.stopDrag();
   
   stage.removeEventListener(MouseEvent.MOUSE_MOVE, scrollerMoved);
}


Natuke sarnased... võibolla...samasuguseid asju nad siiski ei tee ja keeled pole ka samad. Ja vahet on neil paaaaalju rohkem kui Sinupoolt mainitud.
_________________
http://nodejs.org/
"I'm also a person. Programming is just one thing I do."
Kommentaarid: 34 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 33
tagasi üles
vaata kasutaja infot saada privaatsõnum
perenoel
Kreisi kasutaja
perenoel

liitunud: 04.05.2004
sõnum 03.04.2011 20:15:49 vasta tsitaadiga
Siiski, Actionscript oon Javascriptist arendatud ja sellega üsna sarnane.
_________________
The biggest delusion is that there are causes other than your own state of consciousness. - Neville Goddard
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 31.03.2002
sõnum 03.04.2011 20:43:22 vasta tsitaadiga
perenoel kirjutas:
Siiski, Actionscript oon Javascriptist arendatud ja sellega üsna sarnane.
Kuule ära aja nüüd jama.

Mõlemad on lihtsalt ECMAScript'i dialektid mitte ei ole üks teisest arendatud.

Lisaks ActinScript ei võrdu flash
_________________
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
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 14.04.2011 20:26:16 vasta tsitaadiga
mul on 3 divi, millele tahaks kõigile anda sama kõrguse vastavalt kõige kõrgema divi järgi. jqueris selleks asjaks mingi eraldi funktsioon kah 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
morgoth
HV kasutaja
morgoth

liitunud: 14.01.2004
sõnum 14.04.2011 22:47:47 vasta tsitaadiga
keevitaja kirjutas:
mul on 3 divi, millele tahaks kõigile anda sama kõrguse vastavalt kõige kõrgema divi järgi. jqueris selleks asjaks mingi eraldi funktsioon kah on?

Leiad kõrgeima div-i ning paned ülejäänud samakõrguseks:



var maxHeight = Math.max($('#div1').height(), $('#div2').height(), $('#div3').height());
$('#div1, #div2, #div3').height(maxHeight);


Võimalusi on veelgi icon_razz.gif
Kommentaarid: 11 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 10
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 14.04.2011 22:54:55 vasta tsitaadiga
thumbs_up.gif just sellist math.max asja mõtlesin...
_________________
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 19.07.2011 15:18:02 vasta tsitaadiga
javascript:
  1. (function($) {
  2.   $.fn.test = function(options) {
  3.     var test1 = options.fields.test1.kala;
  4.     var test2 = options.fields.test2.kala;
  5.    
  6.     alert(test1 + ' ' + test2);
  7.    
  8.    
  9.   };
  10. })(jQuery);
  11.  
  12. $(document).ready(function() {
  13.   $('#form').test({
  14.     'fields' : {
  15.       'test1' : {
  16.         'kala' : 'see on kala yks'
  17.       },
  18.       'test2' : {
  19.         'kala' : 'see on kala kaks'
  20.       }
  21.     }
  22.   });
  23. });


ma nüüd õpin jqueryt jälle. kas kuidagi neid optione saaks arrays anda ilma key-d kasutamata? ehk siis pole seda test1 ja test2 tegelt vaja.

hiljem oleks vaja need optionid tsükliga läbi käia. ei tea kuidas?
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 19.07.2011 15:25:19 vasta tsitaadiga
küsimuse teine pool on lihtne $.each(options,function(index, value) {
alert(index + ': ' + value); });
küsimuse esimene pool jääb pisut segaseks
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 19.07.2011 15:43:27 vasta tsitaadiga
need test1 test2 on siis keyd mida pole vaja. võiks lihtsalt järjest olla nagu php-s saab kirjutada array(val1, val2 jne

midagi sellist tahaks teha

javascript:
  1. $(document).ready(function() {
  2.   $('#form').test({
  3.     'fields' : {
  4.       {
  5.         'kala' : 'see on kala yks'
  6.       },
  7.       {
  8.         'kala' : 'see on kala kaks'
  9.       }
  10.     }
  11.   });
  12. });
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: 31.03.2002
sõnum 19.07.2011 15:52:04 vasta tsitaadiga
keevitaja, see mida sa kirjutad ei ole array vaid object.

var kala = []; <- array
var kala = {}; <- object
_________________
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
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 19.07.2011 19:36:40 vasta tsitaadiga
irw. mingit javascripti manuali on kusagil?
_________________
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 19.07.2011 22:50:22 vasta tsitaadiga
http://keevitaja.com/demo/colorforms/

keegi viitsib kommida selles mõttes, et ega mingeid erilisi lollusi ma teinud pole. see plugin on siis formi valideerimiseks mõeldud! saab anda ette minimaalse sisu pikkuse ja kontrollida emaili.

javascript:
  1. (function($) {
  2.   $.fn.colorforms = function(options) {
  3.     var focusColor = options.focusColor;
  4.     var blurColor = options.blurColor;
  5.     var errorColor = options.errorColor;
  6.    
  7.     $.each(options.fields, function(index, value){
  8.       var fieldID = $('#' + index);
  9.      
  10.       if(value.text) {
  11.         fieldID.val(value.text);
  12.       }
  13.      
  14.       fieldID.focus(function() {
  15.         fieldID.animate({ backgroundColor: focusColor }, 'slow');
  16.        
  17.         if(value.text && fieldID.val() == value.text) {
  18.           fieldID.val('');
  19.         }
  20.       });
  21.      
  22.       fieldID.blur(function() {
  23.         fieldID.animate({ backgroundColor: blurColor }, 'slow');
  24.        
  25.         if(fieldID.val().trim() == '') {
  26.           fieldID.val(value.text);
  27.         }
  28.       });
  29.     });
  30.    
  31.     $('#' + options.submitID).click(function() {
  32.       var error = false;
  33.      
  34.       $.each(options.fields, function(index, value) {
  35.         var fieldID = $('#' + index);
  36.        
  37.         if(value.minLength && (fieldID.val().trim().length < value.minLength || fieldID.val() == value.text)) {
  38.           error = true;
  39.           fieldID.animate({ backgroundColor: errorColor }, 'slow');
  40.         }
  41.        
  42.         if(value.email == true && !(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/.test(fieldID.val()))) {
  43.           error = true;
  44.           fieldID.animate({ backgroundColor: errorColor }, 'slow');
  45.         }
  46.       });
  47.      
  48.       if(error != true) {
  49.         $.each(options.fields, function(index, value) {
  50.           var fieldID = $('#' + index);
  51.          
  52.           if(fieldID.val() == value.text) {
  53.             fieldID.val('');
  54.           }
  55.         });
  56.        
  57.         $('#' + options.formID).post();
  58.       }
  59.      
  60.       return false;
  61.     });
  62.    
  63.   };
  64. })(jQuery);
  65.  
  66. $(document).ready(function() {
  67.   $('#form').colorforms({
  68.     'fields' : {
  69.       'name' : {
  70.         'minLength' : 3,
  71.         'text' : 'Sinu nimi'
  72.       },
  73.       'email' : {
  74.         'email' : true,
  75.         'text' : 'Sinu email'
  76.       },
  77.       'url' : {
  78.         'text' : 'Sinu veebileht'
  79.       },
  80.       'text' : {
  81.         'minLength' : 3
  82.       }
  83.     },
  84.     'focusColor' : '#e8e8e8',
  85.     'blurColor' : '#fff',
  86.     'errorColor' : '#ffa07a',
  87.     'submitID' : 'submit',
  88.     'formID' : 'myform'
  89.   });
  90. });
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
sõnum 20.07.2011 00:09:50 vasta tsitaadiga
keevitaja, https://developer.mozilla.org/en/JavaScript
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 20.07.2011 13:49:23 vasta tsitaadiga
mis teema nende globaalsete muutujatega on? mingi hierarhiline süsteem või ma ei saa aru.
_________________
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
sõnum 20.07.2011 14:38:39 vasta tsitaadiga
keevitaja, Variable Scope
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 23.08.2011 09:23:45 vasta tsitaadiga
kui ma käin eachiga mingi posu input elemente läbi ja kui osad on ilma väärtuseta, siis tahaksin nad ühte $ muutujasse kokku korjata, et midagi nende hiljem teha. kuidas seda saavutada. ehk siis hiljem tahaks teha näiteks $('tyhjad inputid').hide();
_________________
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.