Java Script

ENI – JavaScript – Des fondamentaux aux concepts avancés (bibliothèques Prototype et Script.aculo.us)

PDF | Français | 189 Pages | 3 Mo

Ce livre sur Javascript est destiné à tous ceux qui se préoccupe de donner plus d’interaction à leur site web. Il vise deux objectifs : tout d’abord maîtriser les fondements de JavaScript afin d’élaborer les scripts les plus fréquemment utilisés sur le net, puis découvrir le nouveau potentiel de JavaScript aussi bien grâce à son utilisation avec les feuilles de styles en cascade (CSS), le DHTML, AJAX qu’avec les bibliothèques telles Prototype ou Script.aculo.us. Après avoir présenté la syntaxe de base, le livre prend appui sur des exemples significatifs (gestion des formulaires, du temps, des menus de navigation, glissé-déposé, autocomplétion), pour les commenter et démontrer l’omniprésence de JavaScript dans une architecture Web 2.0. Le livre accompagne le lecteur tout au long d’un vrai parcours allant des rudiments de JavaScript jusqu’à la découverte des concepts les plus avancés.

TELECHARGER
Pass: warezlander.com

Livre Java pour Débutant

ENI – Java EE Guide de développement d’applications web en Java

PDF | Français | 507 Pages | 8 Mo

Ce livre sur le développement d’applications web en Java s’adresse à tout développeur qui souhaite disposer de tous les détails des différentes étapes de réalisation d’une application web : l’analyse, la modélisation, le codage, la mise en production, les tests et la maintenance. Le livre suit une démarche progressive et s’appuie sur une étude de cas d’un développement d’une boutique de vente en ligne. Il est découpé en sept chapitres progressifs qui peuvent également être étudiés de manière autonome. Le premier chapitre présente le langage Java, explique les règles de nommage et les bonnes pratiques à adopter lors des développements de projets Java EE. Le chapitre 2 est consacré à la mise en place du serveur Java EE de référence, Tomcat, sous Windows et Linux.

Les chapitres 3 et 4 explorent en détail les servlets et les JavaServer Page (JSP), en application avec l’étude de cas et le modèle MVC. Le chapitre 5 présente les bases de données en Java EE et détaille la mise en place de JDBC et des technologies associées. Le chapitre 6 concerne le développement Java EE à l’aide d’un framework. En accord avec les standards actuels en entreprise, Struts a été utilisé pour ce livre. Cependant les explications sont valables pour d’autres frameworks Java (description des outils proposés par un framework Java tant en terme de validation de données que d’approche MVC II). Enfin, le dernier chapitre est consacré aux techniques avancées Java EE et permet de déployer un véritable projet sur un serveur en production à partir d’un nom de domaine. Le code lié à l’étude de cas traitée dans le livre est en téléchargement sur cette page. L’auteur propose à ses lecteurs un lieu d’échanges via le site http://www.gdawj.com qui apporte également un certain nombre d’éléments complémentaires (FAQ, outils, application déployée…).

Telecharger 

Pass: warezlander.com

Masquer une colonne dans un tableau javascript peuplé

Masquer une colonne dans un tableau javascript peuplé

Je voudrais masquer cette PAES sur cette table.

<table id="displayTable">
    <tr>
        <td class="Name"></td>
        <td class="Phone"></td>
        <td class="Age"></td>
    </tr>
</table>

JavaScript suit pour masquer la cellule Age-

var table = document.getElementById('displayTable');
var tableRow = table.getElementsByTagName('tr');    

for (var row = 0; row < tableRow.length; row++) {
    var cells = tableRow[row].getElementsByTagName('td')
    cells[2].style.display='none';    
}

erreur, dit-

« 2.style est null ou non un objet. »

Ce qui me manque ?

répondre #1

---

Eh bien, tout d'abord, vérifier votre id de la table. Vous l'avez défini à « displayTable » mais vous tentez de regarder vers le haut par « displayLossTable ».

Lorsque j'ai fixer cet id et branchez votre code jsFiddle, tout fonctionne.

répondre #2

---

que signifie alert(cells[2]) vous donner ? Sinon, vous devriez essayer ajout/suppression de classe, au lieu des styles intralignes :

el.className+= 'hide'

Menu déroulant en JavaScript

Menu déroulant en JavaScript

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript" src="ScrollMenu.js"></script>
    <SCRIPT LANGUAGE="JavaScript">

<!-- Original:  Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site:  http://home.thezone.net/~rbennett/utility/javahead.htm -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

    <!-- Begin
    function buildMenu() {
        speed=35;
        topdistance=100;
        items=6;
        y=-50;
        ob=1;
        if (navigator.appName == "Netscape") {
            v=".top=",dS="document.",sD="";
        }
        else {
            v=".pixelTop=",dS="",sD=".style";
        }
    }

    function scrollItems() {
        if (ob<items+1) {
            objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y);
            if (y<topdistance) setTimeout("scrollItems()",speed);
            else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
        }
    }
// End -->
</SCRIPT>
</head>
<body onLoad="buildMenu(), scrollItems();">
    <a href="pic.html">hello</a>
    <a href="pic.html">Link 1!</a>
    <a href="pic.html">Link 1!</a>
    <a href="pic.html">Link 1!</a>
    <a href="pic.html">Link 1!</a>
    <a href="pic.html">Link 1!</a>
    <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
        <table border=1 width=150 bgcolor=80FFFF>
            <td>
                <a href="pic.html">Link 1!</a>
            </td>
        </table>
    </div>

    <div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
        <table border=1 width=150 bgcolor=80FFFF>
            <td>
                <a href="pic.html">Link 2!</a>
            </td>
        </table>
    </div>

    <div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
        <table border=1 width=150 bgcolor=80FFFF>
            <td>
                <a href="pic.html">Link 3!</a>
            </td>
        </table>
    </div>

    <div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
        <table border=1 width=150 bgcolor=80FFFF>
            <td>
                <a href="pic.html">Link 4!</a>
            </td>
        </table>
    </div>

    <div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
        <table border=1 width=150 bgcolor=80FFFF>
            <td>
                <a href="pic.html">Link 5!</a>
            </td>
        </table>
    </div>

    <div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
        <table border=1 width=150 bgcolor=80FFFF>
            <td>
                <a href="pic.html">Link 6!</a>
            </td>
        </table>
    </div>

</body>
</html>

Toute aide s'il vous plaît?? :)

Merci tellement C.

répondre #1

---

Remplacez ce code scrollItems()

function scrollItems() {
    if (ob<items+1) {
        objectX="object"+ob; y+=10; 
        document.getElementById(objectX).style.top = y + "px"
        if (y<topdistance) setTimeout("scrollItems()",speed);
        else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
    }
}

Voir s'il vous plaît si il fonctionne bien avec vous

répondre #2

---

Il est bon de changer au code de Kronass. J'ai effectivement eu le code fonctionne aussi bien, mais il/elle me parie à elle.

Vous devez également noter, que votre body onload n'ait pas une virgule, mais un point-virgule.

par exemple, vous avez :

<body onLoad="buildMenu(), scrollItems();">

Qui devrait être

<body onLoad="buildMenu(); scrollItems();">

Dans votre style HTML, vous devriez avoir

visibility: visible;

PAS

visibility: show;

Créer un ' envoyer étiquette personnalisée

J'ai créé un bookmarklet de javascript qui obtient le titre de la page actuelle et URL, en utilisant le code suivant :

//Check to see if jQuery is already loaded
if (typeof jQuery == 'undefined') {
    var jQ = document.createElement('script');
    jQ.type = 'text/javascript';
    jQ.onload=runthis;
    jQ.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';
    document.body.appendChild(jQ);
} else {
    runthis();
}

// main Javascript function
function runthis() {
    title = document.title;
    url = document.URL;
    tag = "customTag";

    alert("Added to paperclip: Page Title: "+title+" | URL: "+url);
}

Maintenant, je veux prendre cette info et l'ajouter comme signet sur mon compte Delicious. Comment puis-je aller à ce sujet avec Javascript/jQuery ? J'ai pris un coup d'oeil à la documentation de l'API , mais éprouve des difficultés à obtenir ma tête autour de lui (complètement nouveau à cela, et OAuth rend mon tourner la tête) et impossible de trouver des exemples de code complet de la remanier.

Apprécierais toute aide/exemples.

répondre #1

---

Edit :

Vous voudrez peut-être examiner cette question précédente. - « Je veux créer un bookmarklet délicieux dans Firefox qui insère les signets la page en cours avec une balise prédéfinie. »

---

Eh bien, un exemple qui fait exactement ce que vous voulez en utilisant un bookmarklet dans la barre d'outils de votre navigateur est le bookmarklet délicieux. Elle recueillir des informations de la page, l'info s'affiche dans une popup, vous permettant d'éditer et puis le stocke sur votre compte :

http://Delicious.com/help/bookmarklets

javascript:(function(){
    f= 'http://delicious.com/save?url=' 
    + encodeURIComponent(window.location.href)
    + '&title='+encodeURIComponent(document.title)
    + '&v=5&';
    a=function(){
        if( !window.open(
            f + 'noui=1&jump=doclose',
            'deliciousuiv5',
            'location=yes,
            links=no,scrollbars=no,
            toolbar=no,width=550,height=550'))location.href=f + 'jump=yes'
    };
    if(/Firefox/.test(navigator.userAgent)){
        setTimeout(a,0)
    } else {
      a()
    }
})()

---

Si vous utilisez votre Yahoo ID pour vous connecter, vous n'avez pas à utiliser OAuth, mais si vous n'avez pas, vous pouvez utiliser l'api V1 comme ceci (à partir de cette page, a fonctionné pour moi dans Chrome) :

javascript:(

    function()
    {
        location.href = 'https://user:pwd@api.del.icio.us/v1/posts/add?url=' 
            + encodeURIComponent(window.location.href)
            + '&description=' + encodeURIComponent(document.title)   
            + '&tags=obvioustesttag';
    }

)()




Tp JavaScript

exercice et  exemple d'illustrant des possibilités du langage JavaScript embarqué dans une page HTML.

Télecharger

Exercice JavaScript

 Voici Des Exercices :

 Telecharger

javascript

javaScript est un langage de programmation complètement lié au langage HTML. Le développeur internet code ses pages HTML en y intégrant des sources JavaScript. Le visiteur, par l'intermédiaire de son navigateur, charge le code des pages.C'est le navigateur qui interprète le code HTML et JavaScript. L'interprétation dépend naturellement du type de navigateur utilisé et de sa version.JavaScript est un langage objet et événementiel. Le développeur peut créer des objets sur la page, avec des propriétés et des méthodes et leur associer des actions en fonction d'événements déclenchés par le visiteur (passage de souris, clic, saisie clavier, etc...) 

1 - Comment intégrer du code JavaScript dans une page HTML ?

Il y a plusieurs endroits dans une page web où il est possible d'intégrer du code JavaScript :

• dans le corps de la page,
• en entête de page,
• dans un événement d'un objet de la page.

La structure classique d'une page HTML contenant du JavaScript est la suivante :

<HTML>
<HEAD>
<TITLE>Titre de page</TITLE>
<SCRIPT language="JavaScript">
<!--   // Cache ce qui suit aux navigateurs qui ne supportent pas JavaScript


//-->  // Fin de la partie cachée
</SCRIPT>
</HEAD>

<BODY>
<SCRIPT type="text/JavaScript">
<!--   // Cache ce qui suit aux navigateurs qui ne supportent pas JavaScript


//-->  // Fin de la partie cachée
</SCRIPT>
</BODY>
</HTML>

C'est donc entre les balises <SCRIPT> qu'est inséré le code javascript. Veillez à bien respecter la syntaxe proposée, en particulier les <!-- et //--> pour cacher le script aux anciens navigateurs.
Il est possible aussi de faire appel à un script quand l'utilisateur clique sur un lien :

<A HREF="javascript:ma_fonction()">Cliquez ici</A>

2 - La déclaration des variables, des objets et des tableauxJavaScript utilise l'instruction var pour la déclaration. Toute nouvelle variable doit être initialisée.

Déclaration des variables basiques
Pour déclarer une variable basique, c'est-à-dire de type entier, numérique, chaîne de caractères, etc, il ne faut pas déclarer le type. Le navigateur le détecte.
EXEMPLES de déclaration de variables basiques :

var prenom_visiteur="Marcel";
var nom_visiteur="Dupond";
var age_visiteur=29;

On remarque la présence du point virgule (;) à la fin de chaque instruction.
Il est possible de placer sur une même ligne plusieurs instructions séparées par des points virgules.
Une variable déjà déclarée s'utilise ensuite normalement :

var accueil="Bonjour " + prenom_visiteur + " " + nom_visiteur;

Déclaration et création d'objetsJavaScript intègre d'origine plusieurs type d'objets. Voyons tout d'abord l'objet Date, très utile dans un environnement internet.
La déclaration se fait toujours avec var. Pour créer un objet, il faut utiliser le mot-clé new suivi du type d'objet Date. ATTENTION, le respect des majuscules/minuscule est indispensable et source de nombreuses erreurs.

var date_jour=new Date();

Cette ligne crée un objet Date contenant la date du jour.

var une_date=new Date(annee,mois-1,jour,heure,min)

Cette ligne crée un objet date avec une date paramétrable.

Déclaration et utilisation des tableauxEn JavaScript, les tableaux sont des objets et leur déclaration est identique à celle vue plus haut.

var un_tableau=new Array(10)

Cette ligne crée un tableau de 10 éléments de type basique (réel, entier, chaîne de caractères). En JavaScript, le premier élément est indexé à 0. Il est possible de déclarer un tableau sans dimension fixée. La taille du tableau s'adapte en fonction du contenu :

var un_autre_tableau=new Array;

Pour accéder aux éléments du tableau, on utilise les crochets "[" et "]"

un_tableau[0]=10;
un_tableau[9]=5;

Des méthodes associées à l'objet permettent d'effectuer des traitements ou d'accéder à des propriétés. On utilise la notation pointée pour appliquer une méthode sur un objet ou pour accéder à une propriété.

var dimension=un_tableau.length;

Cette ligne retourne le nombre d'éléments de l'objet Array appelé "un_tableau".

3 - La déclaration des fonctions et des instructionsLes fonctions et instructions sont déclarées et codées dans l'entête de la page et peuvent être appelées ensuite à n'importe quel endroit de la page. Pour déclarer une fonction ou une instruction, on utilise le mot-clé "function", suivi de son nom et des éventuels paramètres.

function ma_fonction(param1, param2)
 {
 ....
 }

function mon_autre_fonction()
 {
 ....
 }

Le corps des fonctions et instructions est délimité par "{" et "}" dans lequel on place la déclaration des variables locales, propres à la fonction, ainsi que l'ensemble des traitements.
Une fonction aura dans son corps une ou plusieurs instructions return qui permet de renvoyer une valeur ou un objet. L'instruction return n'est pas obligatoire; on a alors affaire à une instruction qui ne renvoie pas de valeur.
Les fonctions déclarées dans l'entête de la page peuvent être appelées elles-mêmes, de manière itérative, dans d'autres fonctions et dans le corps de la page.