begin process at 2012 02 14 05:27:42
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

ASP.Net

 > CUSTOM WEB CONTROL : IMAGESALEATOIRE

CUSTOM WEB CONTROL : IMAGESALEATOIRE


 Information sur la source

Note :
9 / 10 - par 1 personne
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :ASP.Net Source .NET ( DotNet ) Classé sous :customwebcontrol, webcontrol, images, xml Niveau :Expert Date de création :08/08/2004 Vu / téléchargé :9 803 / 303
Auteur : jesusonline

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Ce controle vous permet d'avoir d'ajouter dans votre site une image choisis au hasard dans un fichier xml.
Ce controle ressemble au controle Adrotator, on le lie à un fichier XML et une image arrive au hasard.

A l'interieur du zip se trouve le commentaire du code (et des fautes d'orthographes) en format word

Source

  • 'Il faut rajouter la dll contenu dans le zip dans le dossier bin de votre application
  • 'et mettre ce code dans votre page aspx :
  • <%@ Register TagPrefix="cyril" Namespace="Cyril.Controls" Assembly="Cyril" %>
  • <cyril:imagealeatoire id=ImageAleatoire1
  • runat="server"
  • Width="310px"
  • CssClass="ImageAleatoire"
  • XmlFile="data/ImageAleatoire.xml"
  • />
  • 'Le code CSS correpondant est :
  • <style>
  • .ImageAleatoire {
  • PADDING-RIGHT: 10px;
  • PADDING-LEFT: 10px;
  • PADDING-BOTTOM: 25px;
  • MARGIN: 0px;
  • WIDTH: 180px;
  • PADDING-TOP: 0px;
  • }
  • .ImageAleatoire DT {
  • PADDING-RIGHT: 0px;
  • PADDING-LEFT: 9px;
  • BACKGROUND: url(Styles/Base/Menu/left.gif) no-repeat left top;
  • PADDING-BOTTOM: 0px; MARGIN: 25px 0px 0px;
  • PADDING-TOP: 0px;
  • HEIGHT: 25px;
  • }
  • .ImageAleatoire DT SPAN {
  • PADDING-RIGHT: 0px;
  • DISPLAY: block;
  • PADDING-LEFT: 0px;
  • FONT-WEIGHT: bold;
  • FONT-SIZE: 90%;
  • BACKGROUND: url(Styles/Base/Menu/right.gif) right top;
  • PADDING-BOTTOM: 0px;
  • MARGIN: 0px;
  • VERTICAL-ALIGN: middle;
  • WIDTH: 100%;
  • TEXT-INDENT: 10px;
  • LINE-HEIGHT: 25px;
  • PADDING-TOP: 0px;
  • WHITE-SPACE: nowrap;
  • HEIGHT: 25px;
  • }
  • .ImageAleatoire DD {
  • BORDER-RIGHT: #b7ae88 1px solid;
  • BORDER-TOP: #b7ae88 1px solid;
  • MARGIN: 0px;
  • BORDER-LEFT: #b7ae88 1px solid;
  • BORDER-BOTTOM: #b7ae88 1px solid;
  • }
  • .ImageAleatoire UL {
  • PADDING-RIGHT: 8px;
  • PADDING-LEFT: 8px;
  • PADDING-BOTTOM: 5px;
  • MARGIN: 0px;
  • PADDING-TOP: 5px;
  • LIST-STYLE-TYPE: none;
  • }
  • .ImageAleatoire A {
  • COLOR: #663300;
  • TEXT-DECORATION: none;
  • }
  • .ImageAleatoire A:hover { COLOR: #ff0000 }
  • .ImageAleatoire LI {
  • PADDING-RIGHT: 0px;
  • PADDING-LEFT: 0px;
  • PADDING-BOTTOM: 5px;
  • MARGIN: 0px;
  • PADDING-TOP: 5px;
  • LIST-STYLE-TYPE: none;
  • TEXT-ALIGN: justify;
  • }
  • .ImageAleatoire P {
  • PADDING-RIGHT: 0px;
  • PADDING-LEFT: 0px;
  • PADDING-BOTTOM: 0px;
  • MARGIN: 0px;
  • PADDING-TOP: 0px;
  • TEXT-ALIGN: center;
  • }
  • .ImageAleatoire IMG {
  • BORDER-RIGHT: #b7ae88 1px solid;
  • BORDER-TOP: #b7ae88 1px solid;
  • OVERFLOW: hidden;
  • BORDER-LEFT: #b7ae88 1px solid;
  • WIDTH: 140px;
  • BORDER-BOTTOM: #b7ae88 1px solid;
  • TEXT-ALIGN: center
  • }
  • </style>
  • Le code XML (data/ImageAleatoire.xml)
  • <?xml version="1.0" encoding="utf-8" ?>
  • <ImageAleatoire>
  • <Proprietes>
  • </Proprietes>
  • <Photos>
  • <photo>
  • <Nom>Image 1</Nom>
  • <Url>images/ImageAleatoire/(1).JPG</Url>
  • <Description>Description de l'image N°1</Description>
  • <Alt>Alt1</Alt>
  • </photo>
  • <photo>
  • <Nom>Image 2</Nom>
  • <Url>images/ImageAleatoire/IMG_0257.jpg</Url>
  • <Alt>Alt2</Alt>
  • <Description>Description de l'image N°2</Description>
  • </photo>
  • </Photos>
  • </ImageAleatoire> 
'Il faut rajouter la dll contenu dans le zip dans le dossier bin de votre application
'et mettre ce code dans votre page aspx : 

<%@ Register TagPrefix="cyril" Namespace="Cyril.Controls" Assembly="Cyril" %>

<cyril:imagealeatoire id=ImageAleatoire1 
		runat="server" 
		Width="310px" 
		CssClass="ImageAleatoire"
		XmlFile="data/ImageAleatoire.xml"
		/>




'Le code CSS correpondant est : 

<style>
		
	.ImageAleatoire {
		PADDING-RIGHT: 10px;
		PADDING-LEFT: 10px;
		PADDING-BOTTOM: 25px;
		MARGIN: 0px;
		WIDTH: 180px;
		PADDING-TOP: 0px;
    } 
    
    .ImageAleatoire DT {
		PADDING-RIGHT: 0px; 
		PADDING-LEFT: 9px; 
		BACKGROUND: url(Styles/Base/Menu/left.gif) no-repeat left top; 
		PADDING-BOTTOM: 0px; MARGIN: 25px 0px 0px; 
		PADDING-TOP: 0px; 
		HEIGHT: 25px; 
	} 
	
	.ImageAleatoire DT SPAN { 
		PADDING-RIGHT: 0px; 
		DISPLAY: block; 
		PADDING-LEFT: 0px; 
		FONT-WEIGHT: bold; 
		FONT-SIZE: 90%; 
		BACKGROUND: url(Styles/Base/Menu/right.gif) right top; 
		PADDING-BOTTOM: 0px; 
		MARGIN: 0px; 
		VERTICAL-ALIGN: middle; 
		WIDTH: 100%; 
		TEXT-INDENT: 10px; 
		LINE-HEIGHT: 25px; 
		PADDING-TOP: 0px; 
		WHITE-SPACE: nowrap; 
		HEIGHT: 25px;
	} 
	
	.ImageAleatoire DD { 
		BORDER-RIGHT: #b7ae88 1px solid; 
		BORDER-TOP: #b7ae88 1px solid; 
		MARGIN: 0px; 
		BORDER-LEFT: #b7ae88 1px solid; 
		BORDER-BOTTOM: #b7ae88 1px solid;
	} 
	
	.ImageAleatoire UL { 
		PADDING-RIGHT: 8px; 
		PADDING-LEFT: 8px; 
		PADDING-BOTTOM: 5px; 
		MARGIN: 0px; 
		PADDING-TOP: 5px; 
		LIST-STYLE-TYPE: none;
	}
	
	.ImageAleatoire A { 
		COLOR: #663300; 
		TEXT-DECORATION: none;
	} 
	
	.ImageAleatoire A:hover { COLOR: #ff0000 }
	
	.ImageAleatoire LI { 
		PADDING-RIGHT: 0px; 
		PADDING-LEFT: 0px; 
		PADDING-BOTTOM: 5px; 
		MARGIN: 0px; 
		PADDING-TOP: 5px; 
		LIST-STYLE-TYPE: none; 
		TEXT-ALIGN: justify;
	} 
	
	.ImageAleatoire P { 
		PADDING-RIGHT: 0px; 
		PADDING-LEFT: 0px; 
		PADDING-BOTTOM: 0px; 
		MARGIN: 0px; 
		PADDING-TOP: 0px; 
		TEXT-ALIGN: center;
	} 
	
	.ImageAleatoire IMG { 
		BORDER-RIGHT: #b7ae88 1px solid; 
		BORDER-TOP: #b7ae88 1px solid; 
		OVERFLOW: hidden; 
		BORDER-LEFT: #b7ae88 1px solid; 
		WIDTH: 140px; 
		BORDER-BOTTOM: #b7ae88 1px solid; 
		TEXT-ALIGN: center 
	}
	
</style>


Le code XML (data/ImageAleatoire.xml)

<?xml version="1.0" encoding="utf-8" ?>
<ImageAleatoire>
	<Proprietes>
	</Proprietes>
	<Photos>
		<photo>
			<Nom>Image 1</Nom>
			<Url>images/ImageAleatoire/(1).JPG</Url>
			<Description>Description de l'image N°1</Description>
			<Alt>Alt1</Alt>
		</photo>
		<photo>
			<Nom>Image 2</Nom>
			<Url>images/ImageAleatoire/IMG_0257.jpg</Url>
			<Alt>Alt2</Alt>
			<Description>Description de l'image N°2</Description>
		</photo>
	</Photos>
</ImageAleatoire>

 Conclusion

J'ai mis ici le code de l'integration du controle, je suis en train d'ecrire l'article qui explique le code de ce controle.
Il existe une autre propriété : HtmlTemplate cette propriété attent un nom de fichier HTML qui définit la structure du controle, si cette propriété est omise le fichier HTML par défaut est ce code la :

<div class="[Class]">
   <dt>
       <span>Images Al&#233;atoires</span>
   </dt>
   <dd>
       <ul>
           <li>
               <p>
                   <img src="[URL]" alt="[ALT]" />
               </p>
           </li>
           <li>
                   [Description]
           </li>
       </ul>
   </dd>
</div>

vous pouvez trouver le code complet ainsi que sa dll dans le zip.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip Source .NET (Dotnet) UTILISATION DE LA MÉTHODE SORT ET SORTDIRECTION AVEC UN GRID...
Source .NET (Dotnet) RESPONSE.FILTER : MANIPULATION DU STREAM DE SORTIE ASP.NET
Source avec Zip Source .NET (Dotnet) OPTIMISATION DE LA SERIALISATION JSON POUR LES LIST<T>
Source avec Zip Source .NET (Dotnet) CRAWLABLELINKBUTTON : UPDATEPANEL ET RÉFÉRENCEMENT
Source .NET (Dotnet) POSTBACKCONTROL - COMMUNICATION CLIENT/SERVEUR AVEC LES UPDA...
Toutes les sources de jesusonline

 Sources de la même categorie

Source avec Zip Source .NET (Dotnet) GUESTBOOK AVEC GRIDVIEW par DanMor498
Source avec Zip CHECKED DROPDOWNLIST par fredzool
Source avec Zip Source avec une capture Source .NET (Dotnet) GRIDVIEW WITH TREEVIEW AND CALLBACK par fredzool
Source avec Zip APPELLER UN WEBSERVICE DEPUIS JAVASCRIPT par fredzool
Source avec Zip Source .NET (Dotnet) MONEY TEXTBOX WITH EMBEDED JAVASCRIPT par fredzool
Toutes les sources de la catégorie ASP.Net

 Sources en rapport avec celle ci

Source avec Zip Source .NET (Dotnet) WEBCONTROL DATEPICKER WEBCONTROLLIBRARY par fredzool
AJOUTER UN NOEUD DANS UN FICHIER XML DÉJÀ EXISTANT par pkzip
Source avec Zip Source .NET (Dotnet) GÉNÉRATEUR D'IMAGES CAPTCHA UTILISANT UN HTTPHANDLER par istamkenitra
Source avec une capture Source .NET (Dotnet) .NET 2.0: CONTRÔLE IMAGE VIEWER / UPLOADER par gldfdp
Source avec Zip Source .NET (Dotnet) CRAWLABLELINKBUTTON : UPDATEPANEL ET RÉFÉRENCEMENT par jesusonline

Commentaires et avis

Commentaire de fabrice69 le 08/08/2004 12:21:26 administrateur CS

Pas mal mais je reste mitigé sur la définition de ton outil. En effet le custom Web control fait parti d'un tout (gestion des photos, fichier xml, fixhier css, ...) et si un de ces fichiers manque ton outil ne marche pas.
Pour moi c'est une tu pourrais en faire une DLL à intégrer.

En revanche une tite question, pourquoi mettre des namespace différent pour quasiment chaque classe ?

F___

Commentaire de jesusonline le 08/08/2004 12:58:41 administrateur CS

En ce qui concerne les Namespace, je met des noms diferents , car tout mes controles font parties d'une seule et meme dll, et la classe Photo/PhotoCollection pourra surement me servir ailleur dans un projet completement different, c'est pour ca que je ne les ai pas mis dans le meme namespace

Pour ce qui est que s'il manque un fichier, je ne suis pas d'accord, c'est la meme chose que la datagrid, s'il manque la source de donnée le datagrid fonctionne plus, le seul fichier necessaire est la source de données XML, il faut par contre en plus des images pour faire fonctionner ca, et comme pour le datagrid, les styles CSS ne sont pas obligatoires, et en ce qui concerne le fichier BasicImageAleatoireTemplate.htm de la propriété HtmlTemplate est facultatif, il permet de personnaliser le rendu final c'est tout.

Sinon j'ai essayé d'ajouter les styles dans la Dll, mais le problème c'est que l'on ne peut pas ecrire, dans le head de la page contenant le controle, et c'est le seul endroit possible pour les styles, sinon le controle n'est plus XHTML compliant, est c'est un point sur lequel j'insiste.

Mais je suis d'accord avec toi, qu'il faut beaucoup de fichier pour avoir un rendu correct, mais une fois ces fichiers au bon endroit, je trouve que le resultat vaut le coup.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

xml et images [ par fraud ] farfadetbonjourje cherche comment on crée un lien à partir d'un fichier xml vers un fichier image.jpg pour faire apparaitre l'image dans une animation Collection de webcontrol en asp.net [ par pascalwick ] voila je suis entrain de developper une dll de traduction qui va traduire une page et tous ses webcontrols.je desire donc faire une boucle pour trouve Modifier des fichiers xml [ par Franckyom50 ] Salut !Voilà, j'ai actuellement un petit gros problème : J'aimerais savoir comment faire pour pouvoir modifier ou rajouter des attributs ou meme d Créer un xml [ par cmjn ] CMJNBonjourJ'ai monté une BDD en asp qui récupère des données texte et transfert des images sur un serveur. J'aimerais créer un xml répertoriant mes i recupere des données d'un XML [ par jesusonline ] J'aimerais savoir comment on fait pour recuperer des champs de données dans un XML en asp.net vb.net-------------------------------XML---------------- Routine pour fichiers XML [ par quincailler ] Bonjour à tous, je cherche désespérément une sorte de "moulinette" en asp pour moifier environ 500 fichiers XMl ! le truc, c'est que je voudrais modif bug XMl caractere < et > interdit [ par jesusonline ] G fait un fichier XMl pour mon site pour pouvoir faire la gestionde plusieurs sitesvoila la partie de l'XML qui bug&lt;texte id="2" content_fr="&lt;u Charger un fichier XML à partir d'une URL [ par bvb ] Quelqu'un sait-il comment charger un fichier XML à partir d'une URL?Quand je fais un mappath, tout va bien. Mais si je fais:objet.load "http://" & req asp et xml [ par jaszbere ] Salut les gars!J'ai un projet a faire!Un client commande un produit dans mon magasin. Le client a une ID et le Produit (une image) a un ID et une loca fichier XML distant... [ par guizmo123 ] Bonjour à tous.Je vous explique mon petit problème, je sais lire et écrire des éléments dans un fichier XML grâce à une application que j'ai fait, mal


Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy S
Entre 529€ et 529€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Beautiful woman in a bikini meditating on the beach
Photo bora-bora 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,546 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)