Utilisation du contrôle des données tabulaires dans Internet Explorer

La sortie s'affichera: PremShree 19

Remarquez les attributs avec des balises Span. DATASRC spécifie la source de données à utiliser, ce qui est le même que l'ID de l'objet que nous avons initialisé (ici, «Data1»). L'attribut DataFLD spécifie le champ des données que nous souhaitons afficher. Le fichier de données Data1.txt avait deux champs «nom» et «âge» comme vous pouvez le voir. La spécification du DataFLD en tant que «nom» affichera le nom.

Notez que l'utilisation de la méthode ci-dessus, vous pouvez extraire les données d'un fichier texte dans n'importe quel élément HTML; Mais la méthode ci-dessus est inefficace dans la mesure où notre fichier de données contient plus d'une entrée, nous ne pourrons pas extraire toutes les valeurs directement.

Dans ces cas, nous utilisons la balise . La balise de table a une propriété spéciale, comme nous le verrons dans l'exemple suivant.

Considérons un exemple simple où nous stockons le nom, l'âge et le sexe de 3 personnes dans un fichier texte. Maintenant, nous voulons extraire ces données et l'afficher sur la page Web sous une forme tabulaire.

Le fichier texte, data2.txt ressemble à ceci:

name|age|sex <br>
~Premshree Pillai~|~19~|~male~ <br>
~Vinod~|~18~|~male~ <br>
~Usha~|~19~|~female~

Maintenant, nous pouvons extraire toutes les données ci-dessus et les afficher dans (via data2.htm) un formulaire tabulaire comme suit:

<OBJECT ID="data2" CLASSID="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <br>
  <PARAM NAME="DataURL" VALUE="data2.txt"> <br>
  <PARAM NAME="UseHeader" VALUE="TRUE"> <br>
  <PARAM NAME="TextQualifier" VALUE="~"> <br>
  <PARAM NAME="FieldDelim" VALUE="|"> <br>
</OBJECT> <br>
 <br>
<TABLE DATASRC="#data2" BORDER="2"> <br>
<THEAD> <br>
  <TH>Name :</TH> <br>
  <TH>Age :</TH> <br>
  <TH>Sex :</TH> <br>
</THEAD> <br>
<TR> <br>
  <TD><SPAN DATAFLD="name"></SPAN></TD> <br>
  <TD><SPAN DATAFLD="age"></SPAN></TD> <br>
  <TD><SPAN DATAFLD="sex"></SPAN></TD> <br>
</TR> <br>
</TABLE>

La sortie ressemblera à ceci:

Ainsi, nous avons spécifié les trois champs de données (DATAFLD) dans 3 balises

différentes (colonnes) une seule fois. La page Web affiche automatiquement les 3 ensembles de valeurs (3 lignes).

Nous pouvons ajouter autant de contenu que nous le souhaitons au fichier texte, et nous n'avons pas besoin d'apporter de modifications au code HTML qui extrait ces valeurs.

Contrôle des données tabulaires et javascript

Il est possible de manipuler l'objet de contrôle des données tabulaires à l'aide de JavaScript. Dans le premier exemple, l'élément a affiché la première entrée du fichier de données. Maintenant, supposons que nous ajoutions une autre entrée au fichier; Le fichier de données (data1.txt) ressemble maintenant à ceci:

name|age  <br>
~Premshree Pillai~|~19~  <br>
~Vinod~|~18~

Maintenant, si nous voulons voir la deuxième entrée (c'est-à-dire Vinod 18), nous pouvons le faire comme ceci:

<OBJECT ID="data1" CLASSID="CLSID:333C7BC4-460F-11D0-  <br>
BC04-0080C7055A83">  <br>
  <PARAM NAME="DataURL" VALUE="data1.txt">  <br>
  <PARAM NAME="UseHeader" VALUE="TRUE">  <br>
  <PARAM NAME="TextQualifier" VALUE="~">  <br>
  <PARAM NAME="FieldDelim" VALUE="|">  <br>
</OBJECT>  <br>
  <br>
<SCRIPT LANGUAGE="JavaScript">  <br>
/* Get the complete data record set */  <br>
var dataSet=data1.recordset;  <br>
  <br>
/* Go to next data */  <br>
dataSet.moveNext();  <br>
</SCRIPT>  <br>
  <br>
<SPAN DATASRC="#data1" DATAFLD="name"></SPAN>  <br>
  <br>
<SPAN DATASRC="#data1" DATAFLD="age"></SPAN>

Maintenant, la sortie sera: Vinod 18

Le script ci-dessus est assez explicite. Initialement, nous stockons toutes les données du fichier de données dans un ensemble de données de variables à l'aide de la méthode des enregistrements. La méthode MOVENEXT () pointe vers l'élément de données suivant (ligne suivante). Certaines des autres méthodes qui peuvent être utilisées sont:

• moveFirst () - pointez le premier élément de données (première ligne)
• MOUVELAST () - Poignez-vous vers le dernier élément de données (dernière ligne)
• EOF - Cette propriété est utilisée pour vérifier si nous avons atteint la fin du fichier.

Maintenant, je vais conclure cet article avec un exemple plus dynamique. Je vais créer un ticker JavaScript qui affiche un certain nombre de messages avec chaque message pointant vers une URL particulière. Ici, le ticker lira ses messages et l'URL correspondante à partir d'un fichier texte (TickerData.txt à partir de l'archive). Pour une compréhension complète de ce code, vous devez être familier avec les techniques HTML dynamiques.

Voici le fichier TickerData.txt:

name|age|sex <br>
~Premshree Pillai~|~19~|~male~ <br>
~Vinod~|~18~|~male~ <br>
~Usha~|~19~|~female~

et le fichier Tickerstyle.css:

<OBJECT ID="data2" CLASSID="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <br>
  <PARAM NAME="DataURL" VALUE="data2.txt"> <br>
  <PARAM NAME="UseHeader" VALUE="TRUE"> <br>
  <PARAM NAME="TextQualifier" VALUE="~"> <br>
  <PARAM NAME="FieldDelim" VALUE="|"> <br>
</OBJECT> <br>
 <br>
<TABLE DATASRC="#data2" BORDER="2"> <br>
<THEAD> <br>
  <TH>Name :</TH> <br>
  <TH>Age :</TH> <br>
  <TH>Sex :</TH> <br>
</THEAD> <br>
<TR> <br>
  <TD><SPAN DATAFLD="name"></SPAN></TD> <br>
  <TD><SPAN DATAFLD="age"></SPAN></TD> <br>
  <TD><SPAN DATAFLD="sex"></SPAN></TD> <br>
</TR> <br>
</TABLE>

et enfin, Ticker.htm:

name|age  <br>
~Premshree Pillai~|~19~  <br>
~Vinod~|~18~

Questions fréquemment posées (FAQ) sur le contrôle des explorateurs Internet

Qu'est-ce que le contrôle Internet Explorer et comment cela fonctionne-t-il?

Le contrôle Internet Explorer est une fonctionnalité qui permet aux développeurs d'intégrer les fonctionnalités d'Internet Explorer dans leurs applications. Il fonctionne en utilisant le contrôle actifbrowserx de WebBrowser, qui peut être ajouté à n'importe quelle application et programmé à l'aide de langages comme C # ou VB.NET. Ce contrôle fournit une gamme de fonctionnalités, notamment la navigation, l'histoire et les favoris, entre autres. Il permet également aux développeurs d'interagir avec le document HTML chargé dans le contrôle, ce qui leur permet de manipuler des pages Web ou d'extraire des informations.

Comment puis-je ajouter le contrôle WebBrowser à mon application?

pour ajouter le contrôle WebBrowser à votre application, vous avez besoin d'ouvrir votre projet dans la section Visual Studio. Vous pouvez ensuite faire glisser et déposer le contrôle sur votre formulaire. Une fois ajouté, vous pouvez commencer à programmer le contrôle à l'aide de la fenêtre Propriétés ou directement dans votre code.

Comment puis-je naviguer vers une page Web à l'aide du contrôle WebBrowser?

Pour accéder à une page Web à l'aide du contrôle WebBrowser, vous pouvez utiliser la méthode Navigate. Cette méthode prend un paramètre de chaîne, qui est l'URL de la page Web que vous souhaitez naviguer. Par exemple, pour accéder à Google, vous utiliseriez le code suivant: webbrowser1.navigate ("http://www.google.com");

comment puis-je interagir avec le document HTML chargé dans le contrôle WebBrowser?

Le contrôle WebBrowser fournit la propriété du document, qui vous donne un accès à la charge de document HTML HTML. Cette propriété renvoie un objet HTMLDocument, que vous pouvez utiliser pour interagir avec les éléments HTML de la page. Par exemple, vous pouvez utiliser la méthode GetElementById pour trouver un élément par son ID, puis manipuler ses propriétés.

Puis-je utiliser JavaScript avec le contrôle WebBrowser?

Oui, vous pouvez utiliser JavaScript avec le contrôle WebBrowser. Le contrôle fournit la méthode invokeScript, qui vous permet d'exécuter du code JavaScript dans le contexte de la page Web chargée. Cette méthode prend un paramètre de chaîne, qui est le code JavaScript que vous souhaitez exécuter.

Comment puis-je gérer les événements de navigation dans le contrôle WebBrowser?

Le contrôle WebBrowser fournit plusieurs événements que vous pouvez gérer dans votre code. Par exemple, l'événement de navigation est soulevé avant que le contrôle ne navigue vers une nouvelle page Web, et l'événement navigué est augmenté une fois la navigation terminée. Vous pouvez gérer ces événements pour effectuer des actions avant ou après la navigation, telles que l'affichage d'un indicateur de chargement ou la mise à jour de la barre d'adresse.

Puis-je contrôler les paramètres d'Internet Explorer à partir de mon application?

Oui, vous pouvez contrôler certains des paramètres d'Internet Explorer à partir de votre application. Le contrôle WebBrowser utilise les mêmes paramètres que l'application Internet Explorer, de sorte que toutes les modifications que vous apportez aux paramètres affecteront à la fois le contrôle et l'application. Cependant, gardez à l'esprit que cela peut ne pas être souhaitable dans tous les cas, car cela pourrait affecter l'expérience de l'utilisateur lors de l'utilisation d'Internet Explorer.

Comment puis-je afficher le contenu HTML directement dans le contrôle WebBrowser?

Le contrôle WebBrowser fournit la propriété DocumentText, que vous pouvez utiliser pour afficher le contenu HTML directement dans le contrôle. Cette propriété prend un paramètre String, qui est le contenu HTML que vous souhaitez afficher. Par exemple, vous pouvez utiliser le code suivant pour afficher une page HTML simple: webBrowser1.DocumentText = "

Bonjour, Monde! Body> ";

Puis-je utiliser le contrôle WebBrowser pour télécharger des fichiers?

Oui, vous pouvez utiliser le contrôle WebBrowser pour télécharger des fichiers. Le contrôle fournit la méthode de navigation, que vous pouvez utiliser pour naviguer vers l'URL du fichier que vous souhaitez télécharger. Le fichier sera téléchargé de la même manière que si l'utilisateur avait cliqué sur un lien de téléchargement dans une page Web.

Y a-t-il des limites ou des problèmes que je devrais être conscients lors de l'utilisation du contrôle WebBrowser?

Une limitation du contrôle WebBrowser est qu'il utilise le moteur de rendu Internet, ce qui n'est pas moderne ou conforme aux moteurs. Cela signifie que certaines pages Web peuvent ne pas s'afficher correctement dans le contrôle. De plus, le contrôle peut ne pas fonctionner correctement si l'utilisateur a des explorateurs Internet désactivés sur son système.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!