Javascript

More Sample AjaxControlToolkit TabContainer Themes ... After working on a YUI TabView theme for the AjaxControlToolkit's TabContainer control, I thought it might be fun to create a few more TabContainer themes for some of the other tab-style controls that I have seen floating around the web.

I was especially curious in seeing what it would take to include images in each of the tab panel header's. Below are the controls I was targeting, where on the Internet I found them, and a short description of what it took to create the corresponding theme. If you are not familiar with how theming the TabContainer works, I recommend reading the documentation for the TabContainer control. Download | Live Demo | View Stylesheet Technorati Tab Theme I like Technorati's tab control because it simple, yet in my opinion it still has a nicer presentation than the default xp style TabContainer theme. Notes: To use this theme, include a link to the CSS file and set the CssClass of the TabContainer control to 'ajax__tab_technorati-theme'.

AJAX Control Toolkit – Tab Control – Themes. There seems to be a lot of issues on the ASP.NET Forums with “Theming” the AJAX Control Toolkit’s Tab Control.

There are lots of requests for samples (one example), but there are limited resources out there. Looking at the Tabs sample page, you will find information on Theming, but it’s pretty basic. You will find the various styles that affect the tabs on the bottom of the sample page. Even with this, it leaves something out and people have problems. I believe the thing that throws people off is how the sample states “If your CssClass does not provide values for any of those then it falls back to the default value.”; the default value for the tabs are extremely basic.

I feel you should begin by looking at the structure of the tab HTML to truly understand how it works. Let’s take a closer look at the tab structure: As you can see, a tab is constructed of nested <span> tags. Now that we understand the tab structure, let’s work on some styles. Building Collapsible Panel Control using jQuery in ASP.Net Page[DotNetFreaks] /*CollapsiblePanel*/ .ContainerPanel width:400px; border:1px; border-color:#1052a0; border-style:double double double double; .collapsePanelHeader height:30px; background-image: url(images/bg-menu-main.png); background-repeat:repeat-x; color:#FFF; font-weight:bold; .HeaderContent.

Open/Close, Show/Hide DIV’s. ASP.NET AJAX Control Toolkit. Dynamisez vos sites web avec Javascript ! Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ?

Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Qui plus est, il se démocratise au sein d'autres environnements comme les serveurs avec le célèbre Node.js, les applications pour smartphones et tablettes, avec PhoneGap d'Adobe, les applications pour Windows 8, mais aussi les logiciels multiplateformes. Bref, JavaScript est partout ! Mais avant de se targuer de créer des applications pour serveurs, tablettes et Windows, il faut d'abord apprendre la base et s'intéresser aux origines : le JavaScript au sein des pages Web. Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Sur ce, bonne lecture ! Référence de JavaScript 1.5 Core - MDC Doc Center. A propos de cette référence Une expérience préalable en programmation (langage C ou Visual Basic ...) est utile mais pas indispensable.

Le langage JavaScript est conçu pour être utilisé au sein d'un environnement plus large, que ce soit un navigateur, sur un serveur ou autres. La plupart du temps, cette référence sera la plus neutre possible quant à l'environnement utilisé et ne se limitera pas à un seul navigateur web. À des fins d'exemples, cette référence utilisera la fonction println. Cette fonction ne fait pas partie de JavaScript et peut être réalisée en utilisant différentes méthodes, spécifiques à différents environnements. Function println(string) { window.alert(string);} Coder la fonction équivalente sur un autre environnement est un exercice qui sera laissé à la discrétion du lecteur.

Conventions d'écriture Cette référence inclut des sections qui décrivent une utilisation pertinente ou fréquente du sujet discuté. JS Bin - Collaborative JavaScript Debugging.