בולנט - דברים מיוחדים...     פרוטו - בניית אתרים

Israeli ASP Organization

ארגון ה-ASP הישראלי
מאמרים/דוגמאות קוד
קישורים
ספרות
חיפוש כללי:

חפש!
כלליHTMLASPASP.NETSQLמסדי נתוניםJavaScriptXML * XSLDHTML * CSSעיצוב וגרפיקהשרתיםComponentsפרסום ושיווקקידום אתריםקופירייטינגPHP
פרסומת
דף ראשי מדורים דרושים הרשמה למועדון אודותינו צור קשר
מיקום: מאמרים ודוגמאות קוד > XML * XSL

StyleDisplay + XML

OK. אז מה יש לנו כאן ???
HTML? יש.
XML? יש.
ASP? אין. אבל…
יש לנו פה קוד נחמד שמראה את השימוש ב – XML (אבל זה לא העיקר), ואת השימוש ב - Style.Display (כמו זה שיש בפורום – וזה העיקר).
אז בדוגמה הזאת אנו עושים שימוש ב - Style.Display ע"מ להציג או להסתיר טבלה, וזאת ע"י הפקודות

מספר_שורה]שם_טבלה].style.display = "none" (None - the element and any child elements are not displayed) מספר_שורה]שם_טבלה].style.display = "inline" (Inline - no line break before and after the element)
טוב – נתחיל מההתחלה. מה שיש לנו פה בעצם זה כמה טבלאות (4) אשר מוגדרות אחת בתוך השנייה כאשר לחיצה על ה -/+ מעלה EVENT אשר מפעיל את הקוד (JavaScript) להצגה / הסתרה של הטבלה.

<TD ID="site" CLASS="Expand">+</TD> <SCRIPT LANGUAGE=JavaScript FOR=site EVENT=onclick>
דבר זה אנו עושים לכל טבלה שניתן להציג או להסתיר.
הקוד עצמו הוא פשוט – פונים לטבלה לפי מספר השורה שהקשנו (rowID = this.recordNumber - 1) ועושים בדיוק הפוך מהמצב שאנו נמצאים בו. כלומר במידה והטבלה מוצגת, אזי אנו מסתירים אותה (ומשנים את ה "+" ל "-") ולהפך.
פשוט לא ???
לגבי ה – XML מה שיש לנו זה הגדרה של הקובץ לפי ID ושם (SRC) <XML ID="XmlID" SRC="StyleDisplay.xml"></XML>
ולאחר מכן מילוי הערכים המתאימים ל- DIV הרצוי <DIV DATAFLD="code_link">
זה בעצם הכל.
מה שנשאר זה רק להראות את שני הקבצים:

StyleDisplay.xml:

<HTML> <HEAD> <TITLE>style.display</TITLE> <meta HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1255"> <STYLE TYPE="text/css"> TABLE {border-style:solid; border-width:thin} .heading {border-color:#999966; text-align:right} .parent {border-color:#cccc99; width:100%} .child {border-color:white} TR {} .heading {background-color:#999966; width:100%} .parent {background-color:#cccc99; font-weight:bold; width:100%} .child {background-color:white; width:100%} TD {} .Expand {font-family:courier; WIDTH:1%; cursor:hand} .Space {font-family:courier; WIDTH:1%} </STYLE> </HEAD> <BODY bgColor=lightgoldenrodyellow dir=rtl> <XML ID="XmlID" SRC="StyleDisplay.xml"> </XML> <TABLE ID="tblSites" DATASRC="#XmlID" CLASS="heading" border=0> <THEAD CLASS="heading"> <TR ID="HeadingRow"> <TH STYLE="WIDTH: 1%"> </TH> <TH STYLE="WIDTH: 39%">מערכת קישורים</TH> </TR> </THEAD> <TBODY> <TR> <TD ID="site" CLASS="Expand">+</TD> <TD ID="site_name" STYLE="WIDTH: 39%"><DIV DATAFLD="site_name"></DIV></TD> </TR> <TR> <TD CLASS="space"> <DIV STYLE="DISPLAY: none"> </DIV> </TD> <TD COLSPAN=3> <DIV ID="tblTitlesSite" STYLE="DISPLAY: none"> <TABLE CLASS="parent" border=0> <TR> <TD ID="article" CLASS="Expand">+</TD> <TD>מאמרים</TD> </TR> <TR> <TD CLASS="space"> <DIV STYLE="DISPLAY: none"> </DIV> </TD> <TD COLSPAN=4> <DIV ID="tblArticle" STYLE="DISPLAY: none"> <TABLE DATASRC="#XmlID" DATAFLD="article" CLASS="child" style="HEIGHT: 34px; WIDTH: 721px" border=0> <TR> <TD CLASS="space" ID="Sales" >*</TD> <TD><DIV DATAFLD="article"></DIV></TD> <TD><A DATAFLD="article_link"><DIV DATAFLD="article_link"></DIV></A></TD> </TR> </TABLE> </DIV> </TD> </TR> <TR> <TD ID="code" CLASS="Expand">+</TD> <TD>דוגמאות קוד</TD> </TR> <TR> <TD CLASS="space"> <DIV STYLE="DISPLAY: none"> </DIV> </TD> <TD COLSPAN=4> <DIV ID="tblCode" STYLE="DISPLAY: none"> <TABLE DATASRC="#XmlID" DATAFLD="code" CLASS="child" style="HEIGHT: 34px; WIDTH: 723px" border=0> <TR> <TD CLASS="space">*</TD> <TD><DIV DATAFLD="code"> </DIV></TD> <TD><A DATAFLD="code_link"><DIV DATAFLD="code_link"> </DIV></A></TD> </TR> </TABLE> </DIV> </TD> </TR> </TABLE> </DIV> </TD> </TR> </TBODY> </TABLE> <SCRIPT LANGUAGE=JavaScript FOR=site EVENT=onclick> rowID = this.recordNumber - 1; if (tblTitlesSite[rowID].style.display == "none") { site[rowID].innerText = "-"; tblTitlesSite[rowID].style.display = "inline"; } else { site[rowID].innerText = "+"; tblTitlesSite[rowID].style.display = "none"; } window.event.cancelBubble = true; </SCRIPT> <SCRIPT LANGUAGE=JavaScript FOR=article EVENT=onclick> rowID = this.recordNumber - 1; if (tblArticle[rowID].style.display == "none") { article[rowID].innerText = "-"; tblArticle[rowID].style.display = "inline"; } else { article[rowID].innerText = "+"; tblArticle[rowID].style.display = "none"; } window.event.cancelBubble = true; </SCRIPT> <SCRIPT LANGUAGE=JavaScript FOR=code EVENT=onclick> rowID = this.recordNumber - 1; if (tblCode[rowID].style.display == "none") { code[rowID].innerText = "-"; tblCode[rowID].style.display = "inline"; } else { code[rowID].innerText = "+"; tblCode[rowID].style.display = "none"; } window.event.cancelBubble = true; </SCRIPT> </BODY> </HTML>


StyleDisplay.htm:

<?xml version="1.0" encoding="windows-1255" standalone="yes"?> <sites> <site> <site_id>0736</site_id> <site_name>Israel ASP Organization</site_name> <article> <article_id>1</article_id> <article>XML-עידן ה</article> <article_link>http://www.asp.org.il/articles/xml.asp</article_link> </article> <article> <article_id>2</article_id> <article>בחינם ASP</article> <article_link>http://www.asp.org.il/articles/free_hosting.asp</article_link> </article> <code> <code_id>3</code_id> <code>ספר אורחים</code> <code_link>http://www.asp.org.il/samples/gbook/gbook_txt.asp</code_link> </code> <code> <code_id>4</code_id> <code>גלריית תמונות</code> <code_link>http://www.asp.org.il/samples/xml_pics_gallery/xml_pics_gallery_txt.asp</code_link> </code> </site> <site> <site_id>5</site_id> <site_name>Microsoft</site_name> <article> <article_id>6</article_id> <article>SQL7</article> <article_link>http://www.Microsoft.com</article_link> </article> <article> <article_id>7</article_id> <article>Access2000</article> <article_link>http://www.Microsoft.com</article_link> </article> <code> <code_id>8</code_id> <code>VB NET</code> <code_link>http://www.Microsoft.com</code_link> </code> <code> <code_id>9</code_id> <code>ASP+</code> <code_link>http://www.Microsoft.com</code_link> </code> </site> <site> <site_id>10</site_id> <site_name>GotDotNet</site_name> <article> <article_id>11</article_id> <article>Windows Forms</article> <article_link>http://www.gotdotnet.com/</article_link> </article> <article> <article_id>12</article_id> <article>ASP.NET</article> <article_link>http://www.gotdotnet.com/</article_link> </article> <code> <code_id>13</code_id> <code>XML</code> <code_link>http://www.gotdotnet.com/</code_link> </code> </site> </sites>

 



                  

מחבר: Gaby Volitzerרמת קושי: 2  ||  ציון: (5.5)כל הזכויות שמורות ל-IAO ©

חנות לסטלן  |   מתכונים  |   חגי ישראל  |   פורטל משחקים  |   חנויות מחשבים ו-ציוד הקפי  |   מגזין מסטול לסטלן המצוי  |   קליפרים  |   גידול צמחים פרחים  |   ספא פינוק מושלם