[Hỏi đáp] Dùng js để đặt 1 id cạnh id khác

The author of this message was banned from the forum - See the message
  Bài viết hay nhất2
Bạn thích xài bậy cũng được, chả sao cả. Chỉ cần viết đoạn js này sau a#thetv là được.
Code:
writeHTMLasJS();
The author of this message was banned from the forum - See the message
  Bài viết hay nhất4

ZuniThoang wrote:Không phải thế bác ạ, ý em là em không được phép sửa html của cái a id="thetv" class="tvabout"
Vì thế em muốn bác bật mí cho cách dùng js giống như kiểu first hay after gì đó để chèn cái thằng div id="visitorTabs" vào bên trái thằng a id="thetv" class="tvabout", em không am hiểu về phần này lắm

Sao không để nguyên đoạn đó là html luôn. Rồi dùng js chuyển nó đi cho đơn giản, Viết document.write chi cho cực vậy.

Thử xem cái này có giống ý em không.

http://jsfiddle.net/caVYd/185/
The author of this message was banned from the forum - See the message
  Bài viết hay nhất6

ZuniThoang wrote:Em nghĩ là cứ để ID và cấu trúc của nó ở dạng HTML thì không thể chèn vào a id="thetv" class="tvabout" được, nên em để nó ở dạng document.write, đành chịu bị load lâu hơn chút :(
Mà em dùng đoạn



Code:
$('#thetv').before($('#visitorTabs'))

Không được anh. Cái thằng a id="thetv" class="tvabout" thực ra nó thuộc cấu trúc của thanh Toolbar của fm.

Mà anh cho em js: để thằng #visitorTabs chỉ được phép load sau khi thằng #fa_toolbar load xong được không? cái này không liên wan đến cái em hỏi ở trên!

Thì em để code nào muốn load sau cùng vào $(function(){}) là được thôi.

Code:

$(function(){
// Để code vào đây
})

Nhưng mà nói thật, em làm mấy cái này phức tạp quá anh đọc cũng rối mắt. Với lại anh cũng không hiểu lắm về câu hỏi của em. Trả lời đại đó ^^.
  Bài viết hay nhất7
Code:
$(function(){
    var sourceTabs = ['<div id="visitorTabs">',
        '<ul class="nav">',
            '<li class="navLi" style=" background: #124661; border-left: 1px solid #858A8C;"><a class="topMenuLink"><span class="miniMe"> <dd class="avatarUCPuser avatarOption"><div id="avatar1"></div></dd></span> <b class="userNameTopMenu"><div style="font-size: 13px;"><span class="USERLINK"></span></div></b><span style="-webkit-margin-before: 11px;" class="arrowWidget"></span></a>',
                '<ul class="AccountMenu" style="display: none;">',
                    '<div class="menuHeader userMenuHeader"><a class="plainImage" original-title=""><span class="imgMem"><dd class="avatarUCPuser avatarOption"> <div id="avatar2"></div></dd></span></a>',
                        '<h3><a class="concealedMem" original-title="Xem hồ sơ của bạn"><div style=" margin-top: 1px; font-size: 17px;"><span class="USERNAME" style="color: #F01515;"></span></div></a></h3>',
                        '<div class="muteTopMenu">',
                            '<div class="infoMute">Số bài viết : <span class="user-numPost"><span class="USERCOUNTPOST"></span></span>',
                            '</div>',
                            '<div class="infoMute">Ngày sinh : <span class="user-thankPost"><span class="USERBIRTHDAY"></span></span>',
                            '</div>',
                            '<div class="infoMute">Ngày tham gia : <span class="user-thankedPost"><span class="USERREGDATE"></span></span>',
                            '</div>',
                            '<div class="infoMute">Online gần đây :<span class="user-thankedPost"> <span class="USERLASTVISIT"></span></span>',
                            '</div>',
                        '</div>',
                    '</div>',
                    '<div class="menuColumns secondaryContents">',
                        '<ul class="col1 ulBlockLinksList" style=" float: left; ">',
                            '<li>',
                                '<a title="Click để xem cách chuyển ngôn ngữ về tiếng Việt cho tài khoản của bạn"><img src="http://i.imgur.com/Ky0hXo6.png" /> Chọn ngôn ngữ</a>',
                            '</li>',
                            '<li>',
                                '<a href="/profile?mode=editprofile&amp;page_profil=informations" title=""><img src="http://i.imgur.com/AqRNSfW.png" /> Lý lịch</a>',
                            '</li>',
                            '<li>',
                                '<a href="/profile?mode=editprofile&amp;page_profil=signature" title=""><img src="http://i.imgur.com/6DTrVCm.png" /> Chữ ký</a>',
                            '</li>',
                            '<li>',
                                '<a href="/profile?mode=editprofile&amp;page_profil=avatars" title=""><img src="http://i.imgur.com/cBtxlN1.png" /> Hình đại diện</a>',
                            '</li>',
                            '<li>',
                                '<a href="/profile?mode=editprofile&amp;page_profil=preferences" title=""><img src="http://i.imgur.com/TggCrdd.png" /> Thiết lập tài khoản</a>',
                            '</li>',
                            '<li>',
                                '<a href="/profile?mode=editprofile&amp;page_profil=friendsfoes" title=""><img src="http://i.imgur.com/Wh9e0FL.png" /> Bạn thân</a>',
                            '</li>',
                            '<li style="height: 30px;">',
                                '<a href="/profile?mode=editprofile&amp;page_profil=friendsfoes" title=""><img src="http://i.imgur.com/RYoKGdJ.png" /> Kẻ thù</a>',
                            '</li>',
                        '</ul>',
                        '<ul class="col2 ulBlockLinksList">',
                            '<li>',
                                '<a href="/profile?mode=editprofile&amp;page_profil=notifications" title=""><img src="http://i.imgur.com/0KRFszF.png" /> Bảng theo dõi</a>',
                            '</li>',
                            '<li>',
                                '<a href="/search?search_id=egosearch" title=""><img src="http://i.imgur.com/J55Nc3f.png" /> Hoạt động của bạn</a>',
                            '</li>',
                            '<li>',
                                '<a href="/search?search_id=watchsearch" title=""><img src="http://i.imgur.com/dZj0pUC.png" /> Chủ đề yêu thích</a>',
                            '</li>',
                            '<li>',
                                '<a href="/search?search_id=newposts" title=""><img src="http://i.imgur.com/GDP1ZfH.png" /> Bài từ lần trước</a>',
                            '</li>',
                            '<li>',
                                '<a href="/search?search_id=egosearch" title=""><img src="http://i.imgur.com/hZLSK3P.png" style=" width: 11px; height: 10px;" /> Tất cả bài của tôi</a>',
                            '</li>',
                            '<li>',
                                '<a href="/search?search_id=unanswered" title=""><img src="http://i.imgur.com/PKgHjwz.png" style=" width: 13px;height: 10px;" /> Bài chưa có ai trả lời</a>',
                            '</li>',
                            '<li style="height: 30px;">',
                                '<a href="/profile?mode=editprofile&amp;page_profil=notifications" title=""><img src="http://i.imgur.com/iFtTbLA.png" /> Thông báo của bạn</a>',
                            '</li>',
                        '</ul>',
                    '</div>',
                    '<div class="menuFooter"><a href="{U_LOGIN_LOGOUT}" accesskey="x" class="floatLink importantNoticeRed" title="Bạn có thực sự muốn thoát?">Thoát</a> </div>',
                '</ul>',
            '</li>',
            '<li class="navLi" style=" background: #97AA75; ">',
                '<a href="/privmsg?folder=inbox" class="topMenuLink" title="Tin nhắn"><img src="http://i.imgur.com/DllKjcL.png" atl="Tin nhắn" /> </a>',
                '<ul class="AccountMenu" style="display: none;">',
                    '<div class="menuHeader">',
                        '<h3><a class="Progress">Hòm thư của bạn</a></h3> </div>',
                    '<div class="menuWraper">{PRIVATE_MESSAGE_INFO}</div>',
                    '<div class="menuFooter"><a href="/privmsg?mode=post" class="floatLink importantNoticeRed" title="">Gửi tin nhắn mới</a> <a href="/privmsg?folder=inbox" class="importantNoticeRed" title="Xem tất cả tin nhắn đến của bạn" style="display: inline-block;">Xem tất cả ...</a> </div>',
                '</ul>',
            '</li>',
            '<li class="navLi" style=" background: #7592AA; ">',
                '<a href="#" class="topMenuLink" title=""><img src="http://i.imgur.com/W2WxaHT.png" alt="Bài viết của bạn" /> </a>',
                '<ul class="AccountMenu" style="display: none;">',
                    '<div class="menuHeader">',
                        '<h3><a class="Progress">Bài viết của bạn</a></h3> </div>',
                    '<div class="menuWraper">Bạn có <span class="mempostMenu"><span class="USERCOUNTPOST"></span> bài viết tại diễn đàn</span>',
                    '</div>',
                    '<div class="menuFooter"><a href="/search?search_id=unanswered" class="floatLink importantNoticeRed" title="">Tìm kiếm bài viết</a> <a href="/search?search_id=egosearch" class="importantNoticeRed" title="" style="display: inline-block;">Xem tất cả ...</a> </div>',
                '</ul>',
            '</li>',
            '<li class="navLi" style="background-image: linear-gradient(#F3F8FD,#F0F6FD,#F0F6FD,#EDF5FC,#E8F3FC,#E9F3FC,#E7F2FC,#DBEBFA,#D9EAFA,#DEEDFB,#D7E9FA,#D9EAFA,#D8E9FA,#CFE5F9,#C9DDEA,#C7D7E7);">',
                '<a class="memberLogout" href="{U_LOGIN_LOGOUT}" accesskey="x" title="Đăng xuất" style="display: inline-block;"><img src="http://i.imgur.com/thD0v24.png" atl="Đăng xuất" /></a>',
            '</li>',
        '</ul>',
    '</div>'].join('');
    $('#thetv').before(sourceTabs);
});
The author of this message was banned from the forum - See the message
  Bài viết hay nhất9
You cannot reply to topics in this forum