beater

Tas atkarīgs pēc datu loģikas, ja tie visi pēc būtības ir viena modeļa dati, tad visdrīzāk taisītu vienu formu ar modifikācijām, ja tie 6 pēc būtības atšķirīgi datu veidi ar vienādiem laukiem, tad taisītu 6 formas.

Vēl šeit derētu izmantot automātisku js formu ģenerēšanu, tad nebūtu lielas starpības, vai izmanto 6 vai 1 formu. Vai nu izmantojot kādu gatavu formu ģenerātoru, vai pašam uzrakstot specifiski savām vajadzībām. Un tad jau tikai padot vērtības, lai uzģenerētu formu.

API varētu būt, piemēram, šāds:

$('#somediv').form({
   fields:{
       name:{label:"Username",type:"input"},
       email:{label:"Email",type:"input"},
       about:{label:"About",type:"text"}
   }
});

$('#somediv').form('getValues'); //atgriež - {name:"john",email:"[email protected]",about:"Hi I am js ninja"}

Idejiski tev ir inicializāciajs parametru, kas nosaka kādi būs formas lauki, tur varētu arī deklarēt validācijas nosacījumus un tālāk metode, kura atgriež datus no visiem laukiem.

 

 

EDIT:

Šiet ir kaut kāds ģenerātors, kuru varētu vai nu izmantot, vai pasmelties idejas:

https://github.com/daffl/jquery.dform

 

vēl:

https://github.com/m...ap-Form-Builder

demo: http://bootstrap-forms.heroku.com/

Liels paldies par info ;) jāskatās cauri kas kā :)

Es visu darītu ar js un PHP pusē tikai padotu json datus un apstrādātu formas nosūtīšanu - abus uz ajax pieprasījumiem.

Paldies par atbildi, tagad jautājums tāds: Vai ir vajadzība veidot 6 formas, ja pieņemsim lielākā daļa lauki ir visām vienādi, jo principā kas starp tām formām mainās ir papildus lauki, un protams pēc tam validācija, jo katrai formai atškiras obligātie lauki...

hmmm

Tātad lieta tāda, ka nezinu kā vislabāk šo paveikt:

ir 6 pogas uz kurām uzspiežot katra parāda unikālu formu, jo katrai formai atšķirās lauki kas jaizpilda.

Man interesē kā to labāk pārslēgt ar javascript vai php es domāju ka labāk ar php, lai nav tā ka ielādējot lapu patesībā ir visas 6 formas, tikai 5 no tām ir noslēptas...

Vienīgi tas ka javascript ir client side un php ir server side, tas nozīmē ka vajadzēs ar ajax darboties...

hmm

Paldies

Sveiki, esmu iesprūdis cs-cart kodā, un labprāt atrastu kādu kas to jau ir izkodis, lai man palīdzētu pāris lietas izdarīt, teikšu godīgi, parasti visu spēju atrast, bet šoreiz nu esmu iesprūdis...

par samaksu vēlos vienoties atsevišķi, bet parādā neaplikšu ;)

Lūdzu padodiet tālāk, ja zināt kādu kas ir gājis cauri CS-Cart sistēmai ;)

Sveiki

problēma ir tāda, ka nez kāpēc man neaiziet jquery plugins jqzoom

problēmu var apskatīt šeit: atvainojiet par lēno ielādi ;)

http://urdt.sytes.net/managulta/gultas-vecakiem/lily

Tātad atverot doto saiti, dodieties uz cilni apraksts un uzejiet ar pelīti uz bildi virsū, palaižas blakus labā pusē jqzoom, bet nez kāpēc kaut kas nav līdz galam, bet ja uzspiež uz kādu citu no mazajām bildēm, pagaida kamēr ielādē, tad jqzoom aziet hmmm...

Es domāju vai problēma nav tajā ka tam jqzoom pluginam tiek izmantots: rel="{gallery: 'gal1', smallimage: './imgProd/SMALLIMAGE1.jpg',largeimage: './imgProd/LARGEIMAGE1.jpg'}" atribūts, lai tas tiktu palaists un liekas, ka kaut kas konfliktē ar cilnēm, jo kad atslēdz cilnes tad plugins iet uzreiz atverot saiti...

Paldies ;)

Vienkāršā gadījumā būtu norādīt, lai after ir tam elementam, kurš atrodas iekš konkrēta karuseļa:

http://jsfiddle.net/yCwaa/1/

$('#carousel-0 div.jcarousel-prev-horizontal').after(

Ātrumā neatradu instanci, bet, ja būtu pieejama jquery instance, tad varētu arī norādīt to kā kontekstu:

$('div.jcarousel-prev-horizontal', instance).after(

 

Bet pareizā gadījumā, tev būtu jāekstendo pats karuseļa plugins, jo tagad sanāk, ka tu raksti vienu un to pašu n-reizes, kas ir slikta prakse.

Nu liels paldies par tik vienkāršu risinājumu, lieta tāda, ka man nebūs vairāk par 3 karuseļiem vienā lapā, un tajā plugin kodā ir kaut kā grūti iebraukt, tāpēc tagad iztikšu ar to kas, vispār jau jcarousel plugins nāk vēl ar saviem pluginiem kādam gudrākam tik vēl vajadzētu ieviest pie controlēm play pause ;)

Paldies ka palīdzēji ;)

Ja tev ir, teiksim, 30 div`i ar šādu klasi - $('div.jcarousel-prev-horizontal'), kā, tavuprāt, jquery var uzminēt, uz kura tu tieši vēlies, lai viņš izpildās? Tādēļ viņš after un visu pārējo izpildīs uz visiem, kas atbilst nosacījumiem. Tam ir paredzēts, otrais parametrs - http://api.jquery.co...uery/#example-1

Jā tik tālu es esmu sapratis, bet kāds šeit būtu vislabākais risinājums, lai nebūtu jātaisa kaut kādas n-tas css klases? Kaut kā pats brīnos ka nevaru izdomāt, tāpēc lūdzu palīdzību.

Un paldies jau par pirmo atbili ;)

jsfiddle?

http://jsfiddle.net/yCwaa/

Sveiki

Daudziem noteikti ir zināms jquery plugins jcarousel un lieta tāda, ka vēlos to papildināt ar play un pause pogām bet...

problēma rodas tad kad vēlos iekļaut vairāk kā vienu jcarouseli lapā, scripts kā tiek pieliktas klāt šis play pause pogas ir šāds:

javascript

<script type="text/javascript"><!--
$('#carousel-0 ul').jcarousel({
vertical: false,
visible: 1,
scroll: 1,
auto: 3,
wrap: 'circular',
initCallback: function(jc, state) {
     if (state == 'init') {
       // Insert a play/pause button between the prev/next buttons
       $('div.jcarousel-prev-horizontal').after('<div class="jcarousel-toggle-horizontal-latest"></div>');
       jc.startAutoOrig = jc.startAuto;
       jc.startAuto = function() {
         if (!jc.paused) {
           jc.startAutoOrig();
         }
       }
       jc.pause = function() {
         $('div.jcarousel-toggle-horizontal-latest')
           .removeClass('jcarousel-toggle-horizontal-play-latest')
           .addClass('jcarousel-toggle-horizontal-pause-latest');
         jc.paused = true;
         jc.stopAuto();
       };

       jc.play = function() {
         $('div.jcarousel-toggle-horizontal-latest')
           .removeClass('jcarousel-toggle-horizontal-pause-latest')
           .addClass('jcarousel-toggle-horizontal-play-latest');
         jc.paused = false;
         jc.startAuto();
       };

 jQuery('div.jcarousel-toggle-horizontal-latest').click(function(){
       if (jc.paused) {
               jc.play();
       } else {
               jc.pause();
       }
});
     }
     jc.play();
   }
});
//--></script>


<script type="text/javascript"><!--
$('#carousel-10 ul').jcarousel({
   vertical: false,
   visible: 5,
   scroll: 1,
   auto: 5,
   wrap: 'circular',
       initCallback: function(jc, state) {
     if (state == 'init') {
       // Insert a play/pause button between the prev/next buttons
       $('div.jcarousel-prev-horizontal').after('<div class="jcarousel-toggle-horizontal-recent"></div>');
       jc.startAutoOrig = jc.startAuto;
       jc.startAuto = function() {
         if (!jc.paused) {
           jc.startAutoOrig();
         }
       }
       jc.pause = function() {
         $('div.jcarousel-toggle-horizontal-recent')
           .removeClass('jcarousel-toggle-horizontal-play-recent')
           .addClass('jcarousel-toggle-horizontal-pause-recent');
         jc.paused = true;
         jc.stopAuto();
       };

       jc.play = function() {
         $('div.jcarousel-toggle-horizontal-recent')
           .removeClass('jcarousel-toggle-horizontal-pause-recent')
           .addClass('jcarousel-toggle-horizontal-play-recent');
         jc.paused = false;
         jc.startAuto();
       };

       jQuery('div.jcarousel-toggle-horizontal-recent').click(function(){
       if (jc.paused) {
               jc.play();
       } else {
               jc.pause();
       }
});
     }
     jc.play();
   }
});
//--></script>

css

.jcarousel-skin-opencart .jcarousel-toggle-horizontal-play-latest {
position: absolute;
z-index: 99;
bottom: 0px;
right: 440px;
background: rgba(0,0,0,.7);
width: 60px;
height: 30px;
border: 1px solid #fff;
background: url(http://urdt.sytes.net/managulta/catalog/view/theme/default/image/playpause_small.png) 7px -6px;
cursor: pointer;
}
.jcarousel-skin-opencart .jcarousel-toggle-horizontal-pause-latest {
position: absolute;
z-index: 99;
bottom: 0px;
right: 440px;
background: rgba(0,0,0,.7);
width: 60px;
height: 30px;
border: 1px solid #fff;
background: url(http://urdt.sytes.net/managulta/catalog/view/theme/default/image/playpause_small.png) -38px -6px;
cursor: pointer;
}

Un ja es paskatos view generated source, tad problēma rodas šijā scritptā:

$('div.jcarousel-prev-horizontal').after('<div class="jcarousel-toggle-horizontal-latest"></div>');

Jo tiek ievietotas divas reizes tās pogas, liekas ka problēma varētu būt jquery funkcijā after()

Paldies, cerams ka tiksim pie vēlamā rezultāta kopā