שלום

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

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

הבעיה שאין לי מושג מאיפה להתחיל, אני אשמח אם מישהו יוכל לתת לי עצה לגבי איפה להתחיל ומה כדאי לעשות

כמובן שאני לא מצפה שמישהו יכתוה לי את הקוד רק אם אפשר להכווין אותי בכיוון הנכון

תודה מראש

בגדול מה שאתה מחפש זה להעביר קוד HTML שיהיה תחת parent שונה, תעשה חיפוש בגוגל על "jquery innerhtml"

למה להשתמש בספריה עמוסת קוד במקום בכמה פקודות JS לא מורכבות?

תיגש לאלמנט המקור בדרך מסויימת, לדוגמה: getElementById.
תיגש לתוכן האלמנט באמצעות התכונה innerHTML.

לאחר מכן באותה דרך בדיוק, תציב את התוכן במיקום החדש.

קוד:

document.getElementById("newCategory").innerHTML = document.getElementById("mainCategory").innerHTML;

בניית אתרים
פיתוח יישומי אינטרנט
שמות תחום, אחסון, עיצוב ושירותים נלווים.

פיתוח, שירות,יעוץ והדרכה.

אני חושב שלא ממש הייתי ברור

הבעיה שלי היא שאני צריך לקחת את הקוד הבא

קוד:

<ul class="MenuBarVertical" id="Ul1">
				<li id="MBVItem3732874">
					<div class="MainMenuBarBackgrounImage">
						<a class="MenuBarItemSubmenu" href="/%D7%A7%D7%98%D7%92%D7%95%D7%A8%D7%99%D7%94%2D1.htm  l">קטגוריה 1</a></div>
					<ul>
						<li id="SMBVItem3732879">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D1.html" tabindex="-1">עמוד 1.1</a></li>
						<li id="SMBVItem3732880">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D2.html" tabindex="-1">עמוד 1.2</a></li>
						<li id="SMBVItem3732881">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D3.html" tabindex="-1">עמוד 1.3</a></li>
						<li id="SMBVItem3732882">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D4.html" tabindex="-1">עמוד 1.4</a></li>
						<li id="SMBVItem3732883">
							<a href="/1%2D5.html" tabindex="-1">1.5</a></li>
					</ul>
				</li>
				<li id="MBVItem3732875">
					<div class="MainMenuBarBackgrounImage">
						<a class="MenuBarItemSubmenu" href="/%D7%A7%D7%98%D7%92%D7%95%D7%A8%D7%99%D7%94%2D2.htm  l" tabindex="-1">קטגוריה 2</a></div>
					<ul>
						<li id="SMBVItem3732884">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D2%2D1.html" tabindex="-1">עמוד 2.1</a></li>
						<li id="SMBVItem3732885">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D2%2D2.html" tabindex="-1">עמוד 2.2</a></li>
						<li id="SMBVItem3732886">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D2%2D3.html" tabindex="-1">עמוד 2.3</a></li>
						<li id="SMBVItem3732887">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D2%2D4.html" tabindex="-1">עמוד 2.4</a></li>
					</ul>
				</li>
				<li id="MBVItem3732876">
					<div class="MainMenuBarBackgrounImage">
						<a class="MenuBarItemSubmenu" href="/%D7%A7%D7%98%D7%92%D7%95%D7%A8%D7%99%D7%94%2D3.htm  l" tabindex="-1">קטגוריה 3</a></div>
					<ul>
						<li id="SMBVItem3732889">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D3%2D1.html" tabindex="-1">עמוד 3.1</a></li>
						<li id="SMBVItem3732890">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D3%2D2.html" tabindex="-1">עמוד 3.2</a></li>
						<li id="SMBVItem3732891">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D3%2D3.html" tabindex="-1">עמוד 3.3</a></li>
					</ul>
				</li>
				<li id="MBVItem3732877">
					<div class="MainMenuBarBackgrounImage">
						<a class="MenuBarItemSubmenu" href="/%D7%A7%D7%98%D7%92%D7%95%D7%A8%D7%99%D7%94%2D4.htm  l" tabindex="-1">קטגוריה 4</a></div>
				</li>
			</ul>

ובעצם להעביר אותו למבנה שונה לזה בעצם:

קוד:

<div class="applemenu">
    <div class="silverheader">
   <a class="MenuBarItemSubmenu" href="/%D7%A7%D7%98%D7%92%D7%95%D7%A8%D7%99%D7%94%2D1.htm  l">קטגוריה 1</a>
    </div>
	<div class="submenu">
	<ul>
						<li id="SMBVItem3732879">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D1.html" tabindex="-1">עמוד 1.1</a></li>
						<li id="SMBVItem3732880">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D2.html" tabindex="-1">עמוד 1.2</a></li>
						<li id="SMBVItem3732881">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D3.html" tabindex="-1">עמוד 1.3</a></li>
						<li id="SMBVItem3732882">
							<a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D4.html" tabindex="-1">עמוד 1.4</a></li>
						<li id="SMBVItem3732883">
							<a href="/1%2D5.html" tabindex="-1">1.5</a></li>
					</ul><br />
	</div>
</div>

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

ומה מונע ממך לעשות זאת?
תעביר את התג ul ותכולתו לתוך ה-div הפנימי שהצגת במקטע הקוד השני.

בניית אתרים
פיתוח יישומי אינטרנט
שמות תחום, אחסון, עיצוב ושירותים נלווים.

פיתוח, שירות,יעוץ והדרכה.

אחרי קצת קריאה נוספת הבנתי מה בדיוק אני צריך לעשות ועשיתי
השאלה הבאה שלי היא:

בתוך כל אחד מה LI שלי ישנו <div class="MainMenuBarBackgrounImage">
כיצד אני יכול לעבור עליהם ולשנות את ערך ה class שלהם

ניסיתי לעשות את זה כהה אבל זה לא עובד לי

קוד:

<script>


    window.onload = function () {
        var list = document.getElementById("MenuBar1");
        var items = list.getElementsByTagName("ul");

        for (var i = 0, size = items.length; i < size; i++) {
            items.innerHTML.getElementsByTagName('div').classN  ame = " headerbar";
            document.getElementById("lior").innerHTML += items[i].parentNode.innerHTML;
        }

       
     
    }</script>

innerHTML מחזיר מחרוזת (string) ולא אובייקט, לכן אין לא שיטות, תסיר את innerHTML מהביטוי הראשון שבתוך הלולאה.
לא עברתי על הקוד, רק העפתי מבט, לכן יתכן ובהחלט ישנן בעיות נוספות בקוד.

בניית אתרים
פיתוח יישומי אינטרנט
שמות תחום, אחסון, עיצוב ושירותים נלווים.

פיתוח, שירות,יעוץ והדרכה.

אני לא יכול לשתמש getElementsByTagName השאלה היא אם אני יכול לשנות את הקלאסס אחרת

תודה על העזרה

ברור שבגלל זה, זה מה שהסברתי
זה לא הופך למחרוזת! innerHTML זה מאפיין של האובייקט items שמחזיר את תוכן האובייקט כמחרוזת (בהנחה שזהו HTML Node).

תשים לב למס' נקודות בקוד הבא:
1. ניתן לשרשר ביטויים קטנים לביטוי גדול יותר, במקום ליצור משתנים מיותרים עבור פעולה בודדת.
2. כך גם בתנאי של לולאת ה-for, אין צורך לשמור את הערך במשתנה כדי שהתנאי יבדק מול המשתנה. זה חשוב בעיקר במקרים בהם הערך דינמי (עורך המערך יכול להשתנות במהלך פעולת הלולאה - כמובן באם כתבת קוד שעושה זאת, ולא סתם מעצמו).
3. התייחסתי רק להחלפת ערך שם-המחלקה, כיון שלא ברור לי הפרטים הקשורים להעברת האלמנטים.

קוד:

window.onload = function(){
	var items = document.getElementById("MenuBar1").getElementsByTagName("div");

	for(var i=0; i<items.length; i++)
		items[i].className = "headerbar";
}

אגב, במקום לבזבז משאבים בפעולות JS, אתה יכול ליצור קוד CSS פשוט שיעצב בהתאם לצורך.
לדוגמה:

קוד:

/* old design */
.MainMenuBarBackgrounImage {
	}

/* new design */
#newMenu .MainMenuBarBackgrounImage {
	/* override old attributes */
	}

בניית אתרים
פיתוח יישומי אינטרנט
שמות תחום, אחסון, עיצוב ושירותים נלווים.

פיתוח, שירות,יעוץ והדרכה.

בעמוד הבא http://244473.showenter.com/ ישנו תפריט ימני של עמודים אני מעוניין להפוך אותו לכזה

http://www.dynamicdrive.com/dynamic...nmenu-urban.htm

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

קוד:

<script>

    window.onload = function () {
        var itemsdiv = document.getElementById("MenuBar1").getElementsByTagName("div");
        var itemsul = document.getElementById("MenuBar1").getElementsByTagName("ul");
        var itemsa = document.getElementById("MenuBar1").getElementsByTagName("a");
        var itemli = document.getElementById("MenuBar1").getElementsByTagName("li");


        for (var i = 0; i < itemsdiv.length; i++) 
            document.getElementById("MenuBar1").getElementsByTagName("div").className = itemsdiv[i].className = "headerbar";

        for (var i = 0; i < itemsul.length; i++)
        document.getElementById("MenuBar1").getElementsByTagName("ul").className = itemsul[i].className = "submenu";
        
        for (var i = 0; i < itemsa.length; i++)
            document.getElementById("MenuBar1").getElementsByTagName("a").className = itemsa[i].className = "";

        for (var i = 0; i < itemsa.length; i++)
            document.getElementById("MenuBar1").getElementsByTagName("a").tabIndex = itemsa[i].tabIndex = "";

        for (var i = 0; i < itemli.length; i++)
            document.getElementById("MenuBar1").getElementsByTagName("a").id = itemli[i].id = ""; 



        var list = document.getElementById("MenuBar1");
        var items = list.getElementsByTagName("ul");
        for (var i = 0, size = items.length; i < size; i++) {
            document.getElementById("lior").innerHTML += items[i].parentNode.innerHTML;
        }
    }</script>

    <div id="lior" class="urbangreymenu"></div>

הבעיה עכשיו שלמרות שזה נראה כמו שצריך זה עדיין לא עובד
ועכשיו באמת שאין לי שום כיוון

על כל העזרה שנתת לי בסופו של דבר הצלחתי לעשות את זה
http://244473.showenter.com/


תודה לך

זה הסקריפט שלי

הוא מקבל ul מתוך הhtml שלי ע"פ ID ולוקח מכל אחד מהערכים ברשימה את ה html שלו.
הבעיה היא שכאשר אחד מהערכים ברשימה שונה בתוכן שלו מהאחרים הוא פשוט מתעלם ממנו

קוד:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script>

$(document).ready(function () {


   
    var list = document.getElementById("MenuBar1");
    var itemss = list.getElementsByTagName("ul");
    for (var i = 0; i < itemss.length; i++) 
    
        document.getElementById("lior").innerHTML += itemss[i].parentNode.innerHTML;
    

    document.getElementById("MenuBarVerticalContainer").innerHTML = "";



});


</script>

במקרה הנ"ל הוא יתעלם מהסעיף השלישי ברשימה(category5)

קוד:

<ul class="MenuBarVertical MenuBarActive" id="MenuBar1">
    <li id="MBVItem3732874">
            <div class="MainMenuBarBackgrounImage"><a href="/%D7%A7%D7%98%D7%92%D7%95%D7%A8%D7%99%D7%94%2D1.htm  l" class="MenuBarItemSubmenu">category 1</a></div>
            <ul class="">
                <li id="SMBVItem3732879"><a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D1.html" tabindex="-1">page 1.1</a></li>
                <li id="SMBVItem3732880"><a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D2.html" tabindex="-1">page 1.2</a></li>
                <li id="SMBVItem3732881"><a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D3.html" tabindex="-1" class="">page 1.3</a></li>
                <li id="SMBVItem3732882"><a href="/%D7%A2%D7%9E%D7%95%D7%93%2D1%2D4.html" tabindex="-1" class="">page1.4</a></li>
                <li id="SMBVItem3732883"><a href="/1%2D5.html" tabindex="-1" class="">page 1.5</a></li>
           </ul>
    </li>
    <li id="MBVItem3732875">
       <div class="MainMenuBarBackgrounImage"><a href="/%D7%A7%D7%98%D7%92%D7%95%D7%A8%D7%99%D7%94%2D2.htm  l" class="MenuBarItemSubmenu" tabindex="-1">category 2</a></div>
       <ul class="">
           <li id="SMBVItem3732884"><a href="/%D7%A2%D7%9E%D7%95%D7%93%2D2%2D1.html" tabindex="-1">page 2.1</a></li>
           <li id="SMBVItem3732885"><a href="/%D7%A2%D7%9E%D7%95%D7%93%2D2%2D2.html" tabindex="-1">page 2.2</a></li>
           <li class="sub_menu_v_active" id="SMBVItem3732886"><a href="/%D7%A2%D7%9E%D7%95%D7%93%2D2%2D3.html" tabindex="-1">page 2.3</a></li>
           <li id="SMBVItem3732887"><a href="/%D7%A2%D7%9E%D7%95%D7%93%2D2%2D4.html" tabindex="-1">page2.4</a></li>
       </ul>
    
    <li id="MBVItem3737345">
       <div class="MainMenuBarBackgrounImage"><a href="/category%2D5.html" class="MenuBarItemSubmenu" tabindex="-1">category 5</a></div>
    </li>
</ul>