WebRessurs.no - Webprogrammering og ressurs innen ASP, ASP.NET, PHP, SQL, HTML, CSS, Javascript, XML, C#, VB, Flash mm.

KODE EKSEMPLER

ASP.net (199)

ASP 3.0 (111)

PHP (30)

HTML (66)

SQL (89)

CSS (46)

XML (7)

JavaScript (78)

Diverse kode (13)

ARTIKLER / RESSURSER

Programmering (22)

System og drift (15)

Trafikk og inntekt (11)

Guider og tips (22)

Nyttig lesestoff (23)

Web forum (604)

Link galleri (565)

KURS / TUTORIALS

ASP.NET kurs(5)

CSS kurs (2)

JQuery kurs (2)

FILM / MEDIA

Øk trafikken (8)

Facebook App. (4)

Microsoft CEO (6)

GRATIS SOFTWARE

Server & web

Internett & epost

Systemverktøy

Sikkerhet

Fildeling

Lyd & media

Diverse software

TJENESTER

Domenesalg

Metagenerator

Websikre farger

WebMail

ANNET

Bli medlem!

Siste innlegg

Gjestebok

Tips en venn

Kontakt oss

Forsiden

INTERNETT HASTIGHET

Hvordan lage en Tabs-meny ved hjelp av AJAX

av Øyvind A. Isaksen

En Tabs meny er en meny som består av arkfaner. Når man klikker på et menypunkt/arkfane, så vil innholdet under denne vises under, pent rammet inn og tilordnet den arkfanen du trykket på. Dette er meget lett å lage ved hjelp av AJAX's TabContainer kontroll!

Summary: How to create a Tabs menu using ASP.NET AJAX.

Først: Har du ikke satt opp AJAX i prosjektet ditt må det gjøres før man kan ta i bruk AJAX funksjonaliteten. Denne artikkelen forklarer alt du trenger for å komme i gang og sette opp AJAX korrekt:

http://www.webressurs.no/main/kode/detalj.asp?kodeid=476

Når AJAX er satt opp og du har tilgang til AjaxControlToolkit lager du en Tabsmeny ved hjelp av "TabContainer" på denne måten:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>AJAX er kult!</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />

<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1" EnableViewState="false">
<cc1:TabPanel runat="server" HeaderText="WebRessurs" ID="TabPanel1">
<ContentTemplate>WebRessurs: ASP.NET og webprogrammering!</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel runat="server" HeaderText="AJAX" ID="TabPanel2">
<ContentTemplate>AJAX er kult!</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel runat="server" HeaderText="Google" ID="TabPanel3">
<ContentTemplate>www.google.com</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel runat="server" HeaderText="Yahoo" ID="TabPanel4">
<ContentTemplate>www.yahoo.com</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>

</form>
</body>
</html>

WebRessurs.no er utviklet og drives av SoftMaker
Sett som startside: [ ]. Bokmerk denne siden: [ klikk ]. Sitemap. http://twitter.com/webressurs_no/. Antall brukersesjoner: 14838703.
Copyright WebRessurs.no © 2003 - 2018