Scroll dans un div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Scroll dans un div

finelame

Même pas mal

Bonjour,
J'ai fait cette fonction:
- input : DataTable
- output :code HTML.

Sur un clique de cette grille on mémorise le click coté serveur. Au rafraîchissement de la page, la ligne sélectionnée s'affiche en bleu. Cela fonctionne.
J'aimerai maintenant jouer avec les scrollbar, actuellement il s'affiche, mais au rafraîchissement de la page il remonte tout en haut, ceci ne me convient pas. J'aimerai que le scroll soit automatique sur la valeur sélectionnée (on est sur la ligne sélectionné si dans la boucle isSelected est à 1).
Pouvez-vous me donner un coup de main ?
Merci.

Code :

Public Shared Function printTableFromDataTable(ByVal sguid As String, ByVal username As String, ByVal oDT As DataTable, ByVal colNameIndex As String, ByVal dataSelection As String, OperationName As OperationName, ByVal redirect As String, ByVal scrollEnable As Boolean) As String
If Not IsNothing(oDT) Then
Dim table As New StringBuilder
Dim color As String = "#FFFFFF"
Dim style As String = ""
Dim isSelected As Boolean = False
table.AppendLine("<div style=""overflow: scroll; height: inherit; width: inherit"">" )
' table.AppendLine("<div>" )
table.AppendLine("<table>" )
table.AppendLine("<tr>" )
table.AppendLine("<th style=""border-top:solid 1px;border-left:solid 1px;border-right:solid 1px;border-bottom:solid 1px;padding: 2px;background:#e0e0eb"">   </th>" )
For i = 0 To oDT.Columns.Count - 1
If Not oDT.Columns(i).ColumnName.StartsWith("hide" ) And Not oDT.Columns(i).ColumnName.StartsWith("color" ) Then
table.AppendLine("<th style=""border-top:solid 1px;border-left:solid 1px;border-right:solid 1px;border-bottom:solid 1px;padding: 2px;background:#e0e0eb""> " & oDT.Columns(i).ColumnName & "</th>" )
End If
Next
table.AppendLine("</tr>" )
Dim row As DataRow
For Each row In oDT.Rows
isSelected = If(dataSelection = row(colNameIndex), True, False)
Dim hrefSelectParameter As String = "href=""OperationSU.ashx?" & "&guid=" & sguid &
"&indexOperationValue=" & addOperationValue(sguid, username, OperationName, row.Item(colNameIndex)).ToString() &
"&redir=" & redirect & """"
If row.Table.Columns.Contains("color" ) Then
table.AppendLine("<tr style=""background:" & row("color" ) & ";"">" )
Else
If isSelected Then
table.AppendLine("<tr style=""background:#99ccff;"">" )
Else
table.AppendLine("<tr>" )
End If
End If
If isSelected Then
style = "height:25px;border-top:solid 1px;border-left:solid 0px;border-right:solid 1px;border-bottom:solid 1px;padding: 3px"
table.AppendLine("<td align=""right"" style=""background:#2E2EFE;border-top:solid 1px;border-left:solid 1px;border-right:solid 1px;border-bottom:solid 1px;padding: 2px""><a " & hrefSelectParameter & " ><font size=""2"" color=""black""></font></a></td>" )
Else
style = "height:25px;border-top:solid 1px;border-left:solid 0px;border-right:solid 1px;border-bottom:solid 1px;padding: 3px"
table.AppendLine("<td align=""right"" style=""background:#A4A4A4;border-top:solid 1px;border-left:solid 1px;border-right:solid 1px;border-bottom:solid 1px;padding: 2px""><a " & hrefSelectParameter & " ><font size=""2"" color=""black""></font></a></td>" )
End If
For j = 0 To oDT.Columns.Count - 1
If Not oDT.Columns(j).ColumnName.StartsWith("hide" ) And Not oDT.Columns(j).ColumnName.StartsWith("color" ) Then
If IsNumeric(row(j)) Then
table.AppendLine("<td align=""right"" style=""" & style & """><a " & hrefSelectParameter & " ><font size=""2"" color=""black"">" & If(isSelected, "<b>", "" ) & row(j) & If(isSelected, "</b>", "" ) & "</font></a></td>" )
Else
table.AppendLine("<td align=""left"" style=""" & style & """><a " & hrefSelectParameter & " ><font size=""2"" color=""black"">" & If(isSelected, "<b>", "" ) & row(j) & If(isSelected, "</b>", "" ) & "</font></a></td>" )
End If
End If
Next
table.AppendLine("</tr>" )
Next
table.AppendLine("</table>" )
table.AppendLine("</div>" )
Return table.ToString
Else
Return Nothing
End If
End Function

Publicité

finelame

Même pas mal

Hello, pas de réponse car la question n'est pas claire ? ou parce qu'il n'y a pas de solution ?

David Boring

Ce n'est pas clair.
Je n'ai aucune idée si ta scrollbar appartient au tableau ou à la page.
Et puis, le code est illisible et ne sert à rien en l'état.
En outre, je ne comprends pas ce que tu fais

Citation :

Sur un clique de cette grille on mémorise le click coté serveur. Au rafraîchissement de la page, la ligne sélectionnée s'affiche en bleu

Pourquoi vouloir rafraichir la page pour mettre une ligne en bleu ?

Si par contre, tu veux lors de la visite suivante scroller la page jusqu'à la ligne, tu le fais en javascript.
https://developer.mozilla.org/fr/do [...] w/scrollTo

Et si tu ne connais pas très bien le HTML, CSS tu peux employer des kits d'interface. (désolé mais le code de ton tableau n'est vraiment pas bon)
https://purecss.io/tables/ par exemple

Message édité par David Boring le 10-10-2017 à 17:55:56

finelame

Même pas mal

Merci d'avoir pris du temps pour répondre et essayer de comprendre le bordel.
Je rafraîchi la page car je ne sais pas comment mettre en bleu la ligne sélectionner + sauver la valeur coté serveur sans faire de rafraîchissement.
Je truc c'est que les pages contiennent plusieurs grilles, donc il faut faire un scroll-to sur chaque DIV de la page. C'est pour cela que j'aimerai que ce code de scroll-to soit codé dans cette fonction qui génère le code de la table.

Est-il possible de mettre une balise sur la ligne sélectionner et de scroller automatiquement sur cette balise ?

David Boring

Tu dois faire de l'ajax
https://developer.mozilla.org/fr/docs/AJAX/Premiers_pas

Tu envoies ton code au serveur, et en même temps tu donnes une classe à ta ligne pour la rendre bleu, pas besoin du serveur pour faire cela.
Tu fais cela en javascript, avec un event listener.

Et si tu as plusieurs table avec une ligne sélectionné, et bien tu scrolles seulement à la première occurence de ta classe

FORUM HardWare.fr

Programmation

HTML/CSS

Scroll dans un div

Sujets relatifs
Désactiver scroll sur google map iframe	Infinite Scroll sur plusieurs DIV
Script Wheel mouse, éviter les erreur de scroll	Background ne suit pas le scroll (zut!)
[Assembleur x86]Scroll Up	infinite ajax scroll et gifplayer
comment faire une lecture en scroll vertical ?	[CSS] fixed, z-index vs scroll
barre de menu fixe qui apparait au scroll	Infinite Scroll Wordpress
Plus de sujets relatifs à : Scroll dans un div

Page générée en 0.074 secondes