Ankündigung

Einklappen
Keine Ankündigung bisher.

TabContainer mit ajax in HTML-Seite

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • TabContainer mit ajax in HTML-Seite

    Hallo,
    Ich habe hier einen Code, mitdem es möglich seien soll, einen TabContainer ähnlich wie die Login-Tabs (Suche, Freemail, Web.de Club) von Web.de zu erstellen. Da Ich mich mit ajax aber leider so garnicht auskenne, hatte ich bis jetzt noch nicht die Möglichkeit, auszuprobieren ob der Code funktioniert oder nicht. Hier der Code:
    Code:
    <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" Width="565px" Height="600px" Font-Underline="False" Enabled="true" EnableTheming="True" ScrollBars="Auto" EnableViewState="False">
    
    <cc1:TabPanel runat="server" HeaderText="Step 1" ID="Tabpanel1">
    
    <ContentTemplate>
    
    <table style="width: 545px">
    
    <tr>
    
    <td style="width: 64px; height: 32px">
    
    </td>
    
    <td style="height: 32px">
    
    <asp:Label ID="Label46" runat="server" Font-Bold="True" Font-Names="Verdana" Font-Size="17px"
    
    Text="Step 1 - Register as Administrator" Width="331px"></asp:Label>
    
    </td>
    
    <td style="width: 49px; height: 32px">
    
    </td>
    
    <td class="next_button_right" style="width: 50px; height: 32px" id="Step1_Next" onclick="SetActiveTab('<%=TabContainer1.ClientID%>', 1)" >
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="width: 64px; height: 13px;">
    
    </td>
    
    <td style="height: 13px">
    
    </td>
    
    <td style="width: 49px; height: 13px;">
    
    </td>
    
    <td style="width: 50px; height: 13px; text-align: center;">
    
    Next</td>
    
    </tr>
    
    </table>
    
    <table style="width: 544px">
    
    <tr>
    
    <td>
    
    <asp:Label ID="Label47" runat="server" Text="Login Details" Font-Bold="True" Font-Size="12px" Width="148px" Font-Names="Verdana"></asp:Label></td>
    
    <td style="width: 166px">
    
    </td>
    
    <td style="width: 187px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td>
    
    <asp:Label ID="Label48" runat="server" Text="Username:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px">
    
    <asp:TextBox ID="txtadmin_username" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label49" runat="server" Text="Password:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_pass" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label50" runat="server" Text="Security Question:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_SecQues" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label51" runat="server" Text="Security Answer:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_SecAns" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    </td>
    
    <td style="width: 166px; height: 20px">
    
    </td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label53" runat="server" Text="Personal Details" Font-Bold="True" Font-Size="12px" Width="162px" Font-Names="Verdana"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    </td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label54" runat="server" Text="Name:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_Name" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label55" runat="server" Text="Surname:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_Surname" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label56" runat="server" Text="Telephone Number:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_Tel" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label57" runat="server" Text="Cell:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_cell" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label58" runat="server" Text="Email:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_email" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label59" runat="server" Text="Street:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_add1" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label60" runat="server" Text="Suburb:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_add2" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label61" runat="server" Text="Province:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_add3" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label63" runat="server" Text="ID Number:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    
    <asp:TextBox ID="txtadmin_IDNum" runat="server"></asp:TextBox></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td>
    
    <asp:Label ID="Label64" runat="server" Text="Car Allowance:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px;">
    
    <asp:UpdatePanel id="UpdatePanel1" runat="server">
    <contenttemplate>
    
    <asp:RadioButtonList id="RadioButtonList1" runat="server" Font-Size="12px" Font-Bold="False" Width="168px" __designer:wfdid="w380" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged" RepeatDirection="Horizontal"><asp:ListItem Value="0">Yes</asp:ListItem>
    
    <asp:ListItem Selected="True" Value="1">No</asp:ListItem>
    
    </asp:RadioButtonList><asp:Label id="lblr" runat="server" Text="R" Font-Size="12px" __designer:wfdid="w381" Visible="False"></asp:Label><asp:TextBox id="txtadmin_CarAllowance" runat="server" Width="139px" __designer:wfdid="w382" Visible="False"></asp:TextBox>
    
    </contenttemplate>
    
    </asp:UpdatePanel>
    
    </td>
    
    <td style="width: 187px;">
    
    </td>
    
    </tr>
    
    <tr>
    
    <td style="height: 20px">
    
    <asp:Label ID="Label65" runat="server" Text="Company Car:" Font-Names="Verdana" Font-Size="12px"></asp:Label></td>
    
    <td style="width: 166px; height: 20px">
    <asp:UpdatePanel id="UpdatePanel2" runat="server"><contenttemplate>
    
    <asp:RadioButtonList id="RadioButtonList2" runat="server" Width="167px" __designer:wfdid="w385" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList2_SelectedIndexChanged" RepeatDirection="Horizontal"><asp:ListItem Value="Yes">Yes</asp:ListItem>
    
    <asp:ListItem Selected="True" Value="No">No</asp:ListItem>
    
    </asp:RadioButtonList> <asp:Label id="lblr2" runat="server" Text="R" Font-Size="12px" Font-Names="Verdana" __designer:wfdid="w386" Visible="False"></asp:Label><asp:TextBox id="txtadmin_CompanyCar" runat="server" Width="139px" __designer:wfdid="w387" Visible="False"></asp:TextBox>
    
    </contenttemplate>
    
    </asp:UpdatePanel></td>
    
    <td style="width: 187px; height: 20px">
    
    </td>
    
    </tr>
    
    </table>
    
    </ContentTemplate>
    
    </cc1:TabPanel>
    
    <cc1:TabPanel runat="server" HeaderText="Step 2" ID="TabPanel2">
    
    <ContentTemplate>
    
    <<<Any content can go in here>>>
    
    </ContentTemplate>
    
    </cc1:TabPanel>
    
    <cc1:TabContainer
    So, meine Frage ist nun, ob es mit solch einem Code möglich ist, einen TabContainer, ähnlich wie bei Web.de zu erzeugen? Außerdem würde ich gerne wissen, wie ich diesen TabContainer dann in eine HTML-Seite einfügen kann.
    Danke im Voraus.
    meteostat | Wetterrückblick & Klimadaten

  • #2
    AW: TabContainer mit ajax in HTML-Seite

    Hi!

    Es ist erstens das falsche Forum und zweitens gibt es da auch bessere Wege:
    Entweder du nimmst (falls es mit AJAX sein soll) das hier in Verbindung mit JQuery.
    Oder du findest hier auch eine Lösung mit CSS.
    Dann sparst du dir auch viel Codefummelei .

    Gruß

    Kommentar

    UNTERSTÜTZT UNS!

    Einklappen


    Für alle Amazon-Käufe, die ihr über diese Suchmaske tätigt, bekommen wir eine kleine Umsatzbeteiligung. Euch kostet es nichts mehr und wir können von den Einnahmen einen Teil unserer Kosten abdecken!

    Vielen Dank für eure Unterstützung!

    homepage-forum.de - Hilfe für Webmaster! Statistiken

    Einklappen

    Themen: 56.660   Beiträge: 428.523   Mitglieder: 28.281   Aktive Mitglieder: 66
    Willkommen an unser neuestes Mitglied, Jerema.

    Online-Benutzer

    Einklappen

    208 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 204.

    Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

    Die neuesten Themen

    Einklappen

    Die neuesten Beiträge

    Einklappen

    Lädt...
    X