Puslapiai: [1]   Į apačią

Autorius Tema: jquery dydzio ir pozicijos pakeitmas  (Skaityti 125 kartai)

arialas

  • Apsistojęs forume narys
  • Karma: +1/-4
  • Atsijungęs
  • Žinutės: 53
  • jei tau kokio nors js kodas praverte, karma+ :)
jquery dydzio ir pozicijos pakeitmas
« : Gruodžio 13, 2009, 10:33:32 »
jquery drag resize pluginas:
<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.resizable.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.draggable.js"></script>

  <style type="text/css">
    .dragresize { width: 100px; height: 100px; background: silver; font-size: 20px; cursor: move;}
  </style>
  <script type="text/javascript">
  $(document).ready(function(){
    //dydzio keitimui
    $(".dragresize").resizable();
    //pozicijos keitimui
    $(".dragresize").draggable();
  });
  </script>
</head>
<body style="font-size:62.5%;">
 
<div class="dragresize">I'm resizable and draggable</div>

</body>
</html>
"DIALOGO" tipo drag resize<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.resizable.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.draggable.js"></script>

  <style type="text/css">
    .dragresize { width: 100px; height: 100px; background: silver; font-size: 20px; cursor: move;}
  </style>
  <script type="text/javascript">
  $(document).ready(function(){
    $(".dragresize").resizable();
    $(".dragresize").draggable();
  $("#opendialog").click(function(){
  $(".dragresize").show();

})
 $("#closedialog").click(function(){
  $(".dragresize").hide();
  });
})
  </script>
</head>
<body style="font-size:100%;">
 
<div class="dragresize" style="display:none; height: 4cm"><div align="right"><a id="closedialog" href="javascript:;">X</a></div><br>I'm resizable and draggable</div>
<a id="opendialog" href="javascript:;">open dialog</a>
</body>
</html>
Prisijungęs
javascript .js programuotojas :)

[img width=12 height=12]http://www.manualai.lt/forumas/Themes

trimpirim

  • Kietas forumietis
  • Karma: +5/-0
  • Atsijungęs
  • Žinutės: 138
Re: jquery dydzio ir pozicijos pakeitmas
« Atsakyti #1 : Gruodžio 13, 2009, 11:33:23 »
Davai, arialai, sukoduok tokį dalyką vien su js, be jquery pagalbos :}
Prisijungęs

primatas

  • Superb narys
  • Hero
  • Karma: +41/-5
  • Atsijungęs
  • Žinutės: 1140
Re: jquery dydzio ir pozicijos pakeitmas
« Atsakyti #2 : Gruodžio 14, 2009, 01:03:12 »
galetu buti bent koks nors minimalus pvz i tai kas cia turetu gautis ; \
Prisijungęs
Jūsų draugas, kolega ir puslapio administratorius,

Primatas.

p.s. klausimus rašykit i forumus, ne pm
Jums patinka manualai.lt projektas?

arialas

  • Apsistojęs forume narys
  • Karma: +1/-4
  • Atsijungęs
  • Žinutės: 53
  • jei tau kokio nors js kodas praverte, karma+ :)
jquery dydzio ir pozicijos pakeitmas
« Atsakyti #3 : Gruodžio 14, 2009, 02:42:04 »
galetu buti bent koks nors minimalus pvz i tai kas cia turetu gautis ;

nu tai pakopink koda i savo "pabandyk pats" redaktoriu:/
Prisijungęs
javascript .js programuotojas :)

[img width=12 height=12]http://www.manualai.lt/forumas/Themes

primatas

  • Superb narys
  • Hero
  • Karma: +41/-5
  • Atsijungęs
  • Žinutės: 1140
Re: jquery dydzio ir pozicijos pakeitmas
« Atsakyti #4 : Gruodžio 14, 2009, 11:50:36 »
galetu buti bent koks nors minimalus pvz i tai kas cia turetu gautis ;

nu tai pakopink koda i savo "pabandyk pats" redaktoriu:/


tai idek tada i post'a kad va: cia galite pasibandyti [link]
Prisijungęs
Jūsų draugas, kolega ir puslapio administratorius,

Primatas.

p.s. klausimus rašykit i forumus, ne pm
Jums patinka manualai.lt projektas?

arialas

  • Apsistojęs forume narys
  • Karma: +1/-4
  • Atsijungęs
  • Žinutės: 53
  • jei tau kokio nors js kodas praverte, karma+ :)
Re: jquery dydzio ir pozicijos pakeitmas
« Atsakyti #5 : Gruodžio 15, 2009, 07:42:04 »
galetu buti bent koks nors minimalus pvz i tai kas cia turetu gautis ;

nu tai pakopink koda i savo "pabandyk pats" redaktoriu:/


tai idek tada i post'a kad va: cia galite pasibandyti [link]

nu šitie efektai yra skirtigi, tai bus du linkai
Jquery UI draggable;
Jquery UI resizable
Jquery UI resizable;
Prisijungęs
javascript .js programuotojas :)

[img width=12 height=12]http://www.manualai.lt/forumas/Themes
Puslapiai: [1]   Į viršų
 

Hey.lt - Nemokamas lankytojų skaitliukas