Vloženie html kódu využitím Jquery – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Ahojte,

mám tento kód na stránke :

<center>
        <table border="0" id="wrapper" cellspacing="0" cellpadding="0">
            <tbody>
            <tr>
                <td id="sectionMenuGroup" align="center" valign="top" style="display: none;">
                    
<div id="_ctl0_FmenuGroup_PriceListByTypes" class="fMenuGroup"><div id="fMenuGroup" class="horizontal short"><ul></ul></div></div>    
                </td>
            </tr>
            <tr>
                <td id="sectioncenter" align="left" valign="top" width="90%">
                    
    
    
    <form name="aspnetForm" method="post" action="user.main.aspx" id="aspnetForm">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJMjg1ODc1NzI0D2QWAmYPZBYCAgQPFgIeBWNsYXNzBRJVc2VyX1VzZXJfTWFpbl9hc3AWBAIFDw8WAh4HVmlzaWJsZWdkZAIPDxYCHwFoZGQoC77dgacN7aHU0GhUeqNqKoS25TOH4l7/+s7ao9O+uw==">

<script type="text/javascript">
<!--
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
// -->
</script>

    <h1>Účet</h1>
    <ul id="UserMain">
        <li id="UserOrdersLnk">
                <a rel="nofollow" href="/order/orders.aspx">•
                    Vaše objednávky v našom shope
                    &nbsp;»</a>
        </li>

        <li id="UserProfileLnk">
                <a rel="nofollow" href="/User/User.Profile.aspx">•
                    Nastavenie užívateľa (priezvisko, heslo, základná adresa)
                    &nbsp;»</a>
        </li>
        <li id="UserPreferencesLnk">
                <a rel="nofollow" href="/User/User.Profile.Preferences.aspx">•
                    Nastavenie obchodu (správy, riadenie, filtrovanie)
                    &nbsp;»</a>
        </li>
        
        <li id="UserAddressesLnk">
                <a rel="nofollow" href="/User/User.DSQs.aspx">•
                    Dodacie/fakturačné adresy
                    &nbsp;»</a>
        </li>
        
    </ul>
    
<script>
if (typeof (JSO) == "undefined") JSO = {}
                                if (typeof (JSO.Web) == "undefined") JSO.Web = {}   

                                JSO.Web.Core = function()
                                {
                                    this.pageId = 'User.Main.asp';
                                    this.moduleId = 'User';
                                    this.path = '';
                                    this.controls = new Array();
                                    this.common = new JSO.Web.Common();
                                    this.utils = new JSO.Web.Utilities();

                                    this.common.calendar.firstDay = 1;
                                    this.common.calendar.il8n = {"previousMonth":"Predchádzajúci mesiac","nextMonth":"Ďalší mesiac","months":["Január","Február","Marec","Apríl","Máj","Jún","Júl","August","September","Október","November","December"],"weekdays":["Nedeľa","Po","Utorok","Streda","Štvrtok","Piatok","So"],"weekdaysShort":["Ne.","Po.","Ut.","St","Čt","Pia.","So."]}
                                };

                                JSO.Web.Core.prototype.init = function() {
                                    var self = this;
                                    if(self.common.init !== undefined) self.common.init();

                                    for(var c = 0; c < self.controls.length; c++)
                                    {
                                        if(self.controls[c].init !== undefined)
                                            self.controls[c].init();
                                    }

                                    if(this.common.minitabsInit)
                                        this.common.minitabsInit();

                                    if(this.common.imageGalleryInit)
                                        this.common.imageGalleryInit();
                                }
JSO.Web.Core.prototype.Ctx = JSO.Web.ContextObj;
JSO.Web.Core.prototype.Page = JSO.Web.PageObj;
JSO.Web.Core.prototype.L = {
empty: ''
};
$(function(){
window.jso = new JSO.Web.Core();
window.jso.init();
});
</script>
</form>

                    
                </td>
            </tr>
            
        </tbody></table>
    </center>

pomocou jquery chcem schovať id aspnetForm,  spravil som to pomocou $('#aspnetForm').hide(); a teraz chcem nad id aspnetForm vlozit html kod pomocou jquery, html kod ktory tam chcem vlozit 

<div id="breadcrump" class="wrapper">
        <div class="container">

            <div class="">

                <ul class="breadcrumb">
                    <li class="first" data-width="31">
                        <a rel="nofollow" href="/" title="Hlavná strana"></a>
                    </li>
                    <li class="breadcrumb-separator" data-width="21"></li>
                    <li class="" data-width="50"><a rel="nofollow" href="/user/user.main.aspx" title="Môj účet" style="width: auto; height: auto;">Môj účet<span class="collapser" style="display:none;"></span></a></li>
                    <li class="breaker" style="padding:0;float:none;border:none;"></li>
                </ul>

            </div>
        </div>
    </div>

ako to dokazem spravit ? Dakujem za skoru odpoved

Ahoj, má být ten blok viditelný hned při načtení stránky nebo skrytý spolu s formulářem? Nejjednodušší by bylo ho asi přidat natvrdo do html před formulář a pokud má být skrytý, tak použít třeba style="display:none;" (tohle dělá jquery při zavolání .hide()) na div s id breadcrump a následně odkrýt pomocí $("#breadcrump").show() až bude potřeba. Pokud bys tam nechtěl vkládat inline styly, můžeš to udělat pomocí css tříd, kdy je pak budeš odebírat pomocí $("#breadcrump").addClass("skrytá_class") / $("#breadcrump").removeClass("skrytá_class").

#1 web11
Nevkládej HTML, ale DOM.