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

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

    Einklappen

    Themen: 56.504   Beiträge: 427.331   Mitglieder: 28.081   Aktive Mitglieder: 49
    Willkommen an unser neuestes Mitglied, Coni1726.

    Online-Benutzer

    Einklappen

    144 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 140.

    Mit 2.057 Benutzern waren am 14.07.2019 um 11:45 die meisten Benutzer gleichzeitig online.

    Die neuesten Themen

    Einklappen

    • daniel5959
      Antwort auf Gästebuch für meine Homepage
      Nachtrag




      Was jetzt stimmt - Kommentarfunktion oder Gästebuch - mal selber herausfinden....
      Heute, 01:25
    • daniel5959
      Antwort auf Gästebuch für meine Homepage
      Hallo,

      muss es denn unbedingt ein Gästebuch sein?

      Früher gab es Gästebücher auf sehr vielen Homepages. Heute sind sie selten, da meistens gar nichts geschrieben wird oder es wird mit Spam überflutet, so dass es dauernd überprüft und vom Spam gesäubert werden muss....
      Heute, 01:03
    • arnego2
      Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
      Post ihn doch einfach passiv...
      Gestern, 22:50
    • Coni1726
      Gästebuch für meine Homepage
      Hallo zusammen,
      ich brauche dringend Hilfe. Ich habe bei 1&1 ionos eine Homepage angelegt über das Baukastenprinzip. Die bieten kein Gästebuch an. Ich habe im Internet gesucht aber da gibt es immer nur welche die auf anderen Homepages liegen. Wie bekomme ich eins nur auf meine Seite. habe...
      Gestern, 22:22
    • ThegreenY
      Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
      Vielen Dank für deine Antwort, ich habe eine der einfachsten aber auch nicht so tolle methode nicht bedacht, es gibt diverse Converter die einem eine einfache htaccess in nginx code umwandeln, da bin ich auf der Suche nach einer erklärung zu nginx config code drüber gestolpert, damit war es dann...
      Gestern, 21:39

    Die neuesten Beiträge

    Einklappen

    • Coni1726
      Gästebuch für meine Homepage
      Hallo zusammen,
      ich brauche dringend Hilfe. Ich habe bei 1&1 ionos eine Homepage angelegt über das Baukastenprinzip. Die bieten kein Gästebuch an. Ich habe im Internet gesucht aber da gibt es immer nur welche die auf anderen Homepages liegen. Wie bekomme ich eins nur auf meine Seite. habe...
      Gestern, 22:22
    • daniel5959
      Antwort auf Gästebuch für meine Homepage
      Nachtrag




      Was jetzt stimmt - Kommentarfunktion oder Gästebuch - mal selber herausfinden....
      Heute, 01:25
    • daniel5959
      Antwort auf Gästebuch für meine Homepage
      Hallo,

      muss es denn unbedingt ein Gästebuch sein?

      Früher gab es Gästebücher auf sehr vielen Homepages. Heute sind sie selten, da meistens gar nichts geschrieben wird oder es wird mit Spam überflutet, so dass es dauernd überprüft und vom Spam gesäubert werden muss....
      Heute, 01:03
    • ThegreenY
      Wartungs .htaccess auf nginx zum Laufen bringen?
      Hallo Forum,

      ich weiß nicht wo ich dass hier sonnst posten sollte, falls es hier nicht rein passt, einfach verschieben.

      Ich habe nun eine .htaccess Datei erstellt, die im falle einer anstehenden Wartung auf den Server geladen werden soll und dann die Nutzer auf die Wartungs...
      Gestern, 18:09
    • arnego2
      Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
      Post ihn doch einfach passiv...
      Gestern, 22:50
    • ThegreenY
      Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
      Vielen Dank für deine Antwort, ich habe eine der einfachsten aber auch nicht so tolle methode nicht bedacht, es gibt diverse Converter die einem eine einfache htaccess in nginx code umwandeln, da bin ich auf der Suche nach einer erklärung zu nginx config code drüber gestolpert, damit war es dann...
      Gestern, 21:39
    • Localfu
      Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
      HiThegreenY,
      leider wird das nix mit .htaccess und nginx. Denn nginx ist ein sehr hochperformanter Webserver, der auf .htaccess deswegen verzichtet. Also bringt deine .htaccess-Datei auf dem Server leider nichts.

      Da funktioniert die Apache-Konfigurationsdatein nicht. Such doch im...
      Gestern, 21:09
    • daniel5959
      Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
      Hallo,

      bei mehrere IPs müssten diese wohl in die IF-Zeile mit "or" hinzugefügt werden

      PHP-Code:
      if ($remote_addr != 127.0.0.1 or 127.0.0.2 or 127.0.0.3
      Es heißt im Link oben



      Wie heißt den die Konfigurationdatei in diesem Verzeichnis?...
      Gestern, 19:54
    • ThegreenY
      Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
      Bei google habe ich die meißten Sachen jetzt schon Durch.

      Ich würde es gerne so haben dass ich entweder eine Datei ins Verzeichnis reinladen oder umbennen muss damit die Wartung Aktiv wird, z.B. eine .htaccess datei ins Verzeichnis laden oder aber wartung_off.php in wartung_on.php umbenennen....
      Gestern, 19:27
    • daniel5959
      Antwort auf Wartungs .htaccess auf nginx zum Laufen bringen?
      Hallo,

      bei Google gibts noch weitere Funde - auch dort mal geschaut?

      Und wenn es nicht so funktioniert wie gewünscht, dann schildern was anders sein soll, damit die Helfer wissen, ob und wie sie helfen können.

      daniel5959 ...
      Gestern, 19:19
    Lädt...
    X