Code asp et vb.net ( action )

Version imprimable

10/01/2014, 13h59
thierry007

Code asp et vb.net ( action )
Bonjour à tous ( et bonne année :D)

voici le code qui me donne le background de mon header dans le site
(rien d'extraordinaire)

Code:

<td class="auto-style20" style="background-position: center center; background-image: url('/Images/FondHeader06.png'); background-repeat: repeat-x;" colspan="4">

Je souhaiterais modifier le "background-image" via un petit code en vb qui a chaque chargment "load" une image différente via un random du genre
Code:

1 2 3 4 Dim ImageNum As Integer ImageNum = (Int(Rnd() * 10)) background-image= "~/images/FondHeader" & CStr(CInt(ImageNum)) & ".png"
quelqu'un aurais une idée la dessus ?
sachant que j'aurais au préalable une dizaine d'images nommées FondHeaderXX.png'

Cela ne donne pas d'erreur mais pas d'affichage du background non plus :(

Code:

1
2
3
4
5
6
7
8
9
10
<body>
    <form id="form1" runat="server">
    <div>
       <table cellpadding="0" class="auto-style1">
            <tr>
                <td class="auto-style20" style="background-position: center center; background-image: url(<%= backgroundImage %>); background-repeat: repeat-x;" colspan="4">
                    <br />
...
...
</body>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
Class IsPublic
      Inherits System.Web.UI.MasterPage
      Public backgroundImage As String = "FondHeader01.png"
 
      Private Sub Page_Load(sender As System.Object, e As System.EventArgs) Handles MyBase.Load, Me.Load
                End Sub
 
      Private Sub RandomImages()
            Dim ImageNum As Integer
            Dim css As HtmlGenericControl = New HtmlGenericControl()
            Dim ImageUrl As String
            css.TagName = "style"
            css.Attributes.Add("type", "text/css")
 
            ImageNum = (Int(Rnd() * 10))
            ImageUrl = "~/images/FondHeader" & CStr(CInt(ImageNum)) & ".png"
 
            css.InnerHtml = "@body{background-image: url(" + ImageUrl + ");}"
 
            Page.Header.Controls.Add(css)
 
      End Sub
 
End Class

10/01/2014, 17h10
youtpout978
Rien de plus simple tu ajoute un attribut runat server et un id à ta balise pour pouvoir modifier le style en code (exemple en c#):
Code:

1 2 3 4 5 6 <table border="0" cellpadding="0" cellspacing="0"> <tr> <td runat="server" id="tdBackground"> </td> </tr> </table>
Code:

tdBackground.Style[HtmlTextWriterStyle.BackgroundImage] = "toto.jpg";

ceci alors ?

Code:

1
2
3
4
5
6
7
<body>
    <form id="form1" runat="server">
    <div>
       <table cellpadding="0" class="auto-style1">
            <tr>
                <td id="tdBackground" class="auto-style20" style="background-position: center center; background-repeat: repeat-x;" colspan="4">
                    <br />

Mais alors ici j'ai un problème de déclaration

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
  Private Sub RandomImages()
            Dim ImageNum As Integer
            Dim ImageUrl As String
 
 
 
            ImageNum = (Int(Rnd() * 10))
            ImageUrl = "~/images/FondHeader" & CStr(CInt(ImageNum)) & ".png"
 
            tdBackground.Style(HtmlTextWriterStyle.BackgroundImage) = ImageUrl
 
 
 
      End Sub

10/01/2014, 17h56
katkiller

Il manque :

Code:

runat="server"

Sur ta balise <td>

Bonjour katkiller
Je pense avoir suivi ta directive
Lors de l'exécution , je n'ai pas d'affichage et pas d'erreur
mise a part la variable tdbackround qui est soulignée en bleu

Voici le code ( VB )

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Class IsdPublic
      Inherits System.Web.UI.MasterPage
 
      Private Sub Page_Load(sender As System.Object, e As System.EventArgs) Handles MyBase.Load, Me.Load
 
            RandomImages()
 
      End Sub
 
      Private Sub RandomImages()
            Dim ImageNum As Integer
            Dim ImageUrl As String
 
            ImageNum = (Int(Rnd() * 10))
            ImageUrl = "~/images/FondHeader" & CStr(CInt(ImageNum)) & ".png"
 
            tdBackground.Style(HtmlTextWriterStyle.BackgroundImage) = ImageUrl
 
      End Sub
 
End Class

et la partie html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
    <form id="form1" runat="server">
    <div>
       <table cellpadding="0" class="auto-style1">
            <tr>
                <td id="tdBackground" runat="server" class="auto-style20" style="background-position: center;  background-repeat: repeat-x;" colspan="4" >
                    <br />
..
..
 </tr>
</table>
 </div>
    </form>
</body>

13/01/2014, 10h08
Joel Pinto Ribeiro

tu l'appelles à quel moment ta fonction? il faut le faire avant la generation de la page html donc dans le "OnInit" (sinon pour tout ce qui est visuel c'est trop tard notamment dans le load)

Bonjour

Je suis en vb.net

Code:

1
2
3
4
5
     Protected Overrides Sub OnInit(ByVal e As EventArgs)
 
            RandomImages()
 
      End Sub

Code:

1
2
3
4
5
6
7
8
9
10
  Private Sub RandomImages()
            Dim ImageNum As Integer
            Dim ImageUrl As String
 
            ImageNum = (Int(Rnd() * 10))
            ImageUrl = "~/images/FondHeader" & CStr(CInt(ImageNum)) & ".png"
 
            tdBackground.Style(HtmlTextWriterStyle.BackgroundImage) = ImageUrl
 
      End Sub

Citation:

Envoyé par Joel Pinto Ribeiro

tu l'appelles à quel moment ta fonction? il faut le faire avant la generation de la page html donc dans le "OnInit" (sinon pour tout ce qui est visuel c'est trop tard notamment dans le load).

Bein non la génération du visuel on peut la faire jusqu'au PreRender et surtout il est déconseillé de modifier un composant au moment du OnInit parce qu'il n'est pas complètement chargé (son viewstate est initialisé après).

Est-tu sur que l'url générée est correcte enlève le ~ notamment.

Edit: j'ai testé ce morceau de code chez moi et ça marche:
Code:

1 2 3 4 5 6 7 8 private void RandomImages() { int numImage; string imageUrl; numImage = new Random().Next(1, 5); imageUrl = "/images/FondHeader" + numImage + ".png"; tdBackground.Style[HtmlTextWriterStyle.BackgroundImage] = imageUrl; }
par contre il a fallu que je définisse une taille à la balise td pour voir apparaitre mon fond d'écran comme je n'avait rien dans la balise.

13/01/2014, 11h07
Joel Pinto Ribeiro

Citation:

Envoyé par youtpout978

Bein non la génération du visuel on peut la faire jusqu'au PreRender et surtout il est déconseillé de modifier un composant au moment du OnInit parce qu'il n'est pas complètement chargé (son viewstate est initialisé après).

Ah, j’étais encore sur la première solution que j'avais fournis dans le lien et qui n'utilise pas directement un contrôle Server autant pour moi!

Voici le code de la basise TD de la form
ici pas d'affichage
Pour info , c'est dans une cellule du tableau que l'image doit s'affichée
le but étant d'avoir une image différente dans le header a chaque lancement du site

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<body>
    <form id="form1" runat="server">
    <div>
       <table cellpadding="0" class="auto-style1">
            <tr>
                <td ID="tdBackground" runat="server"  colspan="4" >
                    <br />
                    &nbsp;&nbsp;
                    <asp:ImageButton ID="ImageButton1" runat="server" Height="154px" ImageUrl="~/Images/MonImage1.png" Width="315px" />
                    <br />
                    <br />
                    &nbsp;&nbsp;
                    <asp:Image ID="Image3" runat="server" Height="52px" ImageUrl="~/Images/image2.png" Width="308px" />
                    <br />
                    <br />
                </td>
            </tr>

13/01/2014, 15h17
youtpout978

Pourtant le code que je t'ai fournis marche chez moi quand tu inspectes la balise td dans ton navigateur tu vois quoi dedans?
13/01/2014, 16h01
thierry007

Tu veux dire lorsque j'affiche le site?

la les deux images a droite et un fond blanc

et si dans l’éditeur ( Fractionner ) lorsque je clique sur la ligne qui contient le code ID=tdBackground" ..., il me marque bien la cellule du tableau qui doit contenir les images
13/01/2014, 16h13
youtpout978

Est-ce que tu vois la background-image défini dans le style de ta balise?

Je devrait retrouvé une ref dans auto-style1 alors ?

Code:

1
2
3
4
5
6
7
<body>
    <form id="form1" runat="server">
    <div>
       <table cellpadding="0" class="auto-style1">
            <tr>
                <td ID="tdBackground" runat="server"  colspan="4" >
                    <br />

oups manquait ce bout ci

Code:

1
2
3
4
5
6
7
8
9
 <style type="text/css"> 
        .auto-style1 {
             width: 100%;
             border-collapse: collapse;
        }
 
        .auto-style2 {
            text-align: center;
        }

13/01/2014, 17h12
youtpout978

Je parle dans ton navigateur web sur les navigateur récents tu peux analyser facilement ton html et donc voir le style de chaque balise.

oui, effectivement
dans ce cas il a bien construit une chaine "~/images/FondHeader7.png"
j'ai aussi essayé sans le ~

fenêtre de dev dans l'explorateur
Code:

1 2 3 4 5 6 <div> <table cellpadding="0" class="auto-style1"> <tr> <td id="tdBackground" colspan="4" style="background-image:url(~/images/FondHeader7.png);"> <br />   

13/01/2014, 18h08
youtpout978

Et tu as quoi comme chemin pour l'image de l'image button par exemple?
Es-tu sur que le chemin est correct, tu peux tester en mettant l'url de l'image à la suite de l'url de ton site dans la barre d'adresse de ton navigateur.
Exemple: monsite.fr/images/FondHeader3.png
13/01/2014, 18h42
thierry007

solution trouvée :oops:

En fait les images sont nommées "fondheader01.png"

donc dans la construction de la chaine:

Code:

tdBackground.Style(HtmlTextWriterStyle.BackgroundImage) = "/images/FondHeader0" & CStr(CInt(ImageNum)) & ".png"

et non pas

Code:

tdBackground.Style(HtmlTextWriterStyle.BackgroundImage) = "/images/FondHeader" & CStr(CInt(ImageNum)) & ".png"

Merci bien pour le suivis
14/01/2014, 09h26
thierry007

En fait ce que j'ai :lol:

Un gros oubli visuel

les images sont nommées fondheader01.png,fondheader02.png,...

et dans la chaine je concaténais fondheader1.png ( sans le zéro )

:oops::oops: