‏הצגת רשומות עם תוויות javascript. הצג את כל הרשומות
‏הצגת רשומות עם תוויות javascript. הצג את כל הרשומות

יום שלישי, 28 בינואר 2014

מספרי בנקים ברשימה נגללת

<asp:DropDownList ID="ZKbankNum" class="textHide" runat="server" data-bind="value:payType"> 
    <asp:ListItem Value="04" Text="04- בנק יהב לעובדי המדינה" />
   <asp:ListItem Value="06" Text="06- בנק אדנים" />
   <asp:ListItem Value="08" Text="08- בנק הספנות" />
   <asp:ListItem Value="09" Text="09- בנק הדואר" />
   <asp:ListItem Value="10" Text="10- בנק לאומי" />
   <asp:ListItem Value="11" Text="11- בנק דיסקונט" />
   <asp:ListItem Value="12" Text="12- בנק הפועלים" />
   <asp:ListItem Value="13" Text="13- בנק איגוד" />
   <asp:ListItem Value="14" Text="14- בנק אוצר החייל" />
   <asp:ListItem Value="17" Text="17- בנק מרכנתיל דיסקונט" />
   <asp:ListItem Value="20" Text="20- בנק מזרחי טפחות"  Selected="true" />
   <asp:ListItem Value="31" Text="31- בנק הבינלאומי הראשון" />
    <asp:ListItem Value="46" Text="46- בנק מסד" />
   <asp:ListItem Value="52" Text="52- בנק פועלי אגודת ישראל (פאג''י)" />

</asp:DropDownList>


אפשרות שנייה:


 <asp:Button ID="AddRow" runat="server" Text="הוסף מספר בנק" OnClick="AddRow_Click" />
 <asp:PlaceHolder runat="server" ID="PlaceHolder1" />

 protected void AddRow_Click(object sender, EventArgs e)
    {
        var DDpayBankNum = new DropDownList { ID = "DDpayBankNum"};
        var ListBankNum = new ListItem { Value = "04", Text = "04- בנק יהב לעובדי המדינה" }; DDpayBankNum.Items.Add(ListBankNum);
        ListBankNum = new ListItem { Value = "06", Text = "06- בנק אדנים" }; DDpayBankNum.Items.Add(ListBankNum);
PlaceHolder1.Controls.Add(DDpayBankNum);
}


אפשרות שלישית, לעשות את בJS:
<div id="abc"></div>

$(document).ready(function () {
            createDDL("abc");
        });

function createDDL(insertElement) {
            var bank = { "4": "בנק יהב לעובדי המדינה", "6": "בנק אדנים", "8": "בנק הספנות", "9": "בנק הדואר", "10": "בנק לאומי", "11": "בנק דיסקונט", "12": "בנק הפועלים", "13": "בנק איגוד", "14": "בנק אוצר החייל", "17": "בנק מרכנתיל דיסקונט", "20": "בנק מזרחי טפחות", "31": "בנק הבינלאומי הראשון", "46": "בנק מסד", "52": " בנק פועלי אגודת ישראל (פאג''י)" };

            var newDDL = document.createElement("select");

            var key;
            for (key in bank) {
                var opt = document.createElement("option");
                opt.text = key + " - " + bank[key];
                opt.value = key;
                newDDL.options.add(opt );
            }

            var my_div = document.getElementById(insertElement);
            my_div.appendChild(newDDL);
}

יום ראשון, 15 בספטמבר 2013

לקבל נתונים מה clipbord בJavaScript

הרעיון פשוט, משתמש יעתיק בתגית textarea טקסט, ואנחנו עוד לפני שהטקסט יודבק נסיר מתוכו את כל התגיות, ונקבל טקסט טהור.
 
נשמע קל, ואכן בIE שתי שורות סיימנו:
מקבלים את הטקסט שהיה כבר באלמנט, לוקחים רק את הטקסט החדש שהועתק ושולחים אותו:
 

$(document).ready(function () {
$(this).live("paste", function (e) {
var oldHtml = document.getElementById("TETXAREA_" + MESSAGEID).innerHTML;
if (window.clipboardData) {
 
    html = window.clipboardData.getData('Text');
    setTimeout(function

() { ClearHtmlTag(html, MESSAGEID, oldHtml); }, 0);
 
 });

});

בכרום לא מצאתי גישה אל ה"לוח-קליפ" (תרגום עברי גרוע...), אך ישנן שתי אפשרויות, לעשות זאת יפה עם מדריך שהצליח, או לעקוף את הבעיה בצורה מכוערת אבל יעילה

               }

});
 

יום רביעי, 11 בספטמבר 2013

בחירת DIV והצגתו לקליינט בJAVASCRIPT שימוש בעדכון מערך

הרעיון הפשוט שישנם עשרות DIV בדף, וכל אחד הינו ייחודי בID שלו (מספרי בדוגמא שלנו), הקליינט בוחר DIV , הDIV נצבע והנתון של הID נכנס למערך.
המערך הינו בJAVASCRIPT שמתעדכן בהכנסה והוצאה של הנתונים. לחיצה על הDIV - הDIV נדלק וערכו נכנס למערך, לחיצה נוספת על הDIV - הDIV נכבה וערכו מוסר מהמערך:
 [נ.ב. הקוד משתמש בJQUERY, אז לא לשכוח להוסיף, מכיוון שהפונקציה indexOf אינה תומכת בדפדפנים ישנים]
<div id="1" onclick="takeDiv('1')" />
<div id="2" onclick="takeDiv('2')" />
<script type="text/javascript">
// Array Remove - By John Resig (MIT Licensed)
        Array.prototype.remove = function (from, to) {
            var rest = this.slice((to || from) + 1 || this.length);
            this.length = from < 0 ? this.length + from : from;
            return this.push.apply(this, rest);
       };
 function takeDiv(idDiv) {
          PrintDiv(idDiv);
          inseretToArray(idDiv);
    }
function PrintDiv(idDiv) {
         if (document.getElementById(idDiv).style.background != 'orange') {
             document.getElementById(idDiv).style.background = 'orange';
            } else {
               document.getElementById(idDiv).style.background = 'white';
            }
}
var listOfDivId = new Array();
function inseretToArray(idDiv) {
            if ($.inArray(idDiv, listOfDivId) == -1) {
                listOfDivId.unshift(idDiv);
            } else {
                listOfDivId.remove(($.inArray(idDiv, listOfDivId)));
            }
}
</script>