תכנון ואיפיון אתרי אינטרנט.         חיתוך עיצובים והרכבתם בפורמט XHTML 1.1 STRICT         תכנות בסביבת אינטרנט - בצד לקוח ובצד שרת.         תכנון ובניית בסיסי נתונים, אינטגרציית תכנים דינמיים.         תפירת ממשקי ניהול לאתרים - ניהול תכנים, קבצים, רשומות והגדרות.         ניהול תשתיות - שמות מתחם, שרתי אחסון, שרתי נתונים ושירותי סליקה.         רישום אתרים למנועי חיפוש בארץ ובעולם.         קידום אתרים: שיפור הדירוג הטבעי של האתר וקידום/פרסום אתרים בתשלום.        
 
  *  
  *  
   
   
     

YVIT - מאמר:

  DHTML טיפים.

 

DHTML טיפים.

לפניכם מעט מידע באשר לביצוע מהיר של DHTML - נדרש ידע התחלתי ב- HTML CSS JAVASCRIPT.

קריאה לאובייקטים בדף - getElementById

בגדול ניתן לספק שם ייחודי לכל אלמנט בדף האינטרנט ולקרוא לו מתוך קוד JAVASCRIPT.

למשל:

<span id="mySpan">Span text</span>

לאחר מכן ניתן לזהות את האובייקט בקוד באופן הזה:

document.getElementById('mySpan');

כשמדובר בלולאה שעוברת על מספר גורמים בעלי שם מזהה השונה במספר בלבד - כמו: myDiv1, myDiv2, myDiv3 וכן הלאה - ניתן לזהות אלמנטים באופן הזה:

for (x=1; x<11; x++) {
currentElement = document.getElementById('myDiv'+x).style;
with(currentElement) {
.backgroundColor = '#dddddd';
.height = '100px';
.width = '100px';
.innerHTML = 'content of myDiv'+x+'.';
};
};


השוואה בין הגדרות אלמנטים בדף HTML - מבחינת CSS מול JAVASCRIPT:

CSS JAVASCRIPT הערות
background-color backgroundColor  
background-image backgroundImage  
background-position backgroundPosition  





אלמנטים מופיעים ונעלמים:

שימוש באלמנטים צצים ונעלמים באתרי אינטרנט הינו כיום שכיח למדי, בעיקר בתפריטי ניווט ובתצוגת חלקים מטבלה שלמה.

ניתן להגדיר ניראות של אלמנט בכמה אופנים - אולם לא כל השיטות יפעלו בדפדפנים שונים. אני אישית מבצע את הפעולה כך:

<div id="popDiv" style="display:none;">popDiv Content</div>
<input type="button" name="button" id="button" value="הצג" onClick="document.getElementById('popDiv').style.display='block';" />
<input type="button" name="button" id="button" value="החבא" onClick="document.getElementById('popDiv').style.display='none';" />

ככה זה נראה:

 

קישורים ללימוד התחביר של CSS ו-JAVASCRIPT:

 


אתרים העוסקים ב-DHTML:


ניתן לשלב קוד צד לקוח בקוד צד שרת כגון ASP, PHP וכו'.



עיון נוסף: התאמה לדפדפנים שונים | DREAMWEAVER בעברית


חזור לרשימת המאמרים

 

 

 

תשתיות לאינטרנט
בניית אתרים
עיצוב אתרים ופלאש
קידום אתרים
שיווק ומסחר
מאמרים חיצוניים
תשתיות וקידום אתרים אפליקציות וממשקי ניהול מצגות וסרטוני פלאש פרוייקטים משותפים ביצוע פרוייקטים שלמים

Title
Content
 

 
Email:
yoram@yvit.co.il
:יצירת קשר
  050-2131514 יורם ורון
:ניווט מהיר

הרשמה לרשימת תפוצה חודשית
Newsletter Subscription
XPlace
 
 

בניית אתרים

 

פיתוח אתרי אינטרנט

 

אפליקציות אינטרנט

 
קידום אתרים SEO
 

חברות לבניית אתרים

 
אתרים לתדמית ולמסחר
 

בניית אתר

 

תכנות בצד שרת ובצד לקוח

 

עיצוב אתר

 
תכנת ASP
 

ממשק ניהול אתר

 
שיפוץ אתר
 
פרסום ב-GOOGLE ADWORDS
 

פיתוח אתרים

 

בניית אתרים

 

עיצוב אתרים

 
קידום אורגני
 
בניית אתרים
 

ממשק ניהול

 

אתר אינטרנט