Probleme cu SheepIt

Discutii legate de AJAX, jQuery, MooTools, Prototype, Dojo, Yahoo! UI Library,script.aculo.us, ExtJS,AngularJS, Backbone.js, Ember.js, KnockoutJS

Moderator: Moderatori

tuxman
Junior Member
Mesaje: 31
Membru din: Sâm Noi 07, 2009 6:03 pm
Localitate: Constanta

Probleme cu SheepIt

Mesajde tuxman » Sâm Mar 03, 2012 9:19 pm

Servus !

Am folosit plugin-ul SheepIt pentru a crea un formular dinamic(utilizatorul sa poata adauga campuri noi).
Problema este ca in campurile noi create nu mai functioneaza functia 'calc' care face niste calcule cu datele introduse.

Cod: Selectaţi tot

<html>

<head>
<title>Creare Tabel Nou</title>
<style type="text/css">
@import url("css/stil.css");
</style>
<script language="javascript" type="text/javascript">
function calc(){
a=Number(document.myform.x.value);
b=Number(document.myform.y.value);
c=a/b;
document.myform.z.value=c;
d = c * 2;
document.myform.q.value=d;
}
</script>
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.sheepItPlugin.js"></script>

</head>

<body>
<div id="content">
       <div id="primary">

        <div class="asp">
        <form name="myform" class="blockStyledForm">
            <div class="title">Creare Tabel Nou</div>

            <fieldset>

                <div class="legend">Date Generale</div>

                <div class="field">
                    <label for="data">Data:</label>
                    <input type="text" id="data" size="30"/>
                </div>

                           

                <div class="field">
                    <div class="legend">Date Specie</div>
                     <!-- Form -->
                    <div id="person_phones" class="embed">

                        <!-- Partea dinamica a form-ului-->
                        <div id="person_phones_template" class="template">

                            <label for="person_phones_#index#_cod">Cod <span id="person_phones_label"></span></label>
                            <input id="person_phones_#index#_cod" name="person[phones][#index#][cod]" type="text" size="15" maxlength="10" /><br />

                            <label for="person_phones_#index#_cel">Celule <span id="person_phones_label"></span></label>
                            <input id="person_phones_#index#_cel" name="person[phones][#index#][cel]" type="text" size="15" maxlength="10" /><br />

                             500 =   <input type="text" name="x" size="2"> : <input type="text" name="y" size="2"> =    <input type="text" name="z" size="2" value=""> &times; 2 = <input type="text" name="q" size="2" value=""><button type="button" onclick="calc()">Calcul</button><br />
                            <a id="person_phones_remove_current"><img class="delete" src="images/cross.png" width="16" height="16" border="0"></a>
                        </div>
                        <!-- /Partea dinamica a form-ului-->

                        <!-- Cand se elimina tot -->
                        <div id="person_phones_noforms_template" class="noItems">Fara specii</div>
                        <!-- /Cand se elimina tot-->


                        <!-- Butoane -->
                        <div id="person_phones_controls" class="controls">
                            <div id="person_phones_add" class="btn form add"><a><span>Adauga Specie</span></a></div>
                            <div id="person_phones_remove_last" class="btn form remove"><a><span>Elimina</span></a></div>
                            <div id="person_phones_remove_all" class="btn form removeAll"><a><span>Elimina Tot</span></a></div>
                            <div id="person_phones_add_n">
                                <input id="person_phones_add_n_input" type="text" size="4" />

                                <div id="person_phones_add_n_button" class="btn form add"><a><span>Adauga</span></a></div>
                            </div>
                        </div>
                        <!-- /Butoane -->

                    </div>
                    <!-- /Form -->
                     <script type="text/javascript">


                        var phonesForm = $("#person_phones").sheepIt({
                            separator: '',
                            allowRemoveLast: true,
                            allowRemoveCurrent: true,
                            allowRemoveAll: true,
                            allowAdd: true,
                            allowAddN: true,

                            // Limite
                            maxFormsCount: 10,
                            minFormsCount: 0,
                            iniFormsCount: 1,

                            removeLastConfirmationMsg: 'Esti sigur?',
                            removeCurrentConfirmationMsg: 'Esti sigur?',
                            removeAllConfirmationMsg: 'Esti sigur?',

                            afterAdd: function(source, newForm) {

                                // Add events for focus to the new cloned form
                                $(newForm).find('input').focus(function() {
                                    $(this).addClass("focus");
                                });
                                $(newForm).find('input').blur(function() {
                                    $(this).removeClass("focus");
                                });

                            }
                        });

</script>

                </div>

            </fieldset>

            <div class="actions">
                <div class="btn form accept"><a><span>Salveaza</span></a></div>
                <div class="btn form cancel"><a><span>Anuleaza</span></a></div>
            </div>
        </form>
        </div>



</div>
</div>
</body>
</html>


Poate e cineva care a folosit acest plugin...sa imi dea o idee

Va multumesc anticipat



Avatar utilizator
MihaiC
Senior Member
Mesaje: 1644
Membru din: Dum Mai 14, 2006 8:07 pm

Mesajde MihaiC » Sâm Mar 03, 2012 9:51 pm

nu am folosit plugin-ul, dar nu trebuia sa pui codul intr-un $(document).ready() ?
Dev @ oblio.eu

tuxman
Junior Member
Mesaje: 31
Membru din: Sâm Noi 07, 2009 6:03 pm
Localitate: Constanta

Mesajde tuxman » Dum Mar 04, 2012 1:54 pm

Am pus si $(document).ready(function(), si degeaba, functia 'calc' merge doar in formularul creat implicit, in cele care le creezi dinamic nu merge.

Cod: Selectaţi tot

<script type="text/javascript">



$(document).ready(function() {

                        var phonesForm = $("#person_phones").sheepIt({

                            separator: '',

                            allowRemoveLast: true,

                            allowRemoveCurrent: true,

                            allowRemoveAll: true,

                            allowAdd: true,

                            allowAddN: true,



                            // Limite

                            maxFormsCount: 10,

                            minFormsCount: 0,

                            iniFormsCount: 1,



                            removeLastConfirmationMsg: 'Esti sigur?',

                            removeCurrentConfirmationMsg: 'Esti sigur?',

                            removeAllConfirmationMsg: 'Esti sigur?',



                            afterAdd: function(source, newForm) {



                                // Add events for focus to the new cloned form

                                $(newForm).find('input').focus(function() {

                                    $(this).addClass("focus");

                                });

                                $(newForm).find('input').blur(function() {

                                    $(this).removeClass("focus");

                                });



                            }

                        });

});

</script>

Avatar utilizator
MihaiC
Senior Member
Mesaje: 1644
Membru din: Dum Mai 14, 2006 8:07 pm

Mesajde MihaiC » Dum Mar 04, 2012 2:28 pm

Am inteles, atunci trage un ochi peste asta
Dev @ oblio.eu


Înapoi la “Librarii Javascript”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 6 vizitatori