Bonjour
Dans un DataList, j'ai un AnimationExtender Celui ci doit exécuter un script(Javascript).
J'utilise donc le code si dessous qui fonctionne correctement en dehors d'un Datalist.
le pb vient <ScriptActionScript="Cover($get('IBVariante'), $get('DivMax'));"/>car l'Id des l'objets n'ai pas correct,
La question comment lui donner les bon Id (Ex: Cover($get('" e.Item.UniqueID & "$IBVariante'),$get('" e.Item.UniqueID & "$DivMax'));")
<
ajaxToolkit
:
ToolkitScriptManager
ID
="ToolkitScriptManager1"
runat
="server"
/>
<
asp
:
UpdatePanel
ID
="UpdatePanel1Variante"
UpdateMode
="Always"
runat
="server">
<
ContentTemplate
>
<
script
type
="text/javascript"
language
="javascript">
function Cover(origine, destination) {
var destinationTop = 0;
var destinationLeft = 0;
var difTop = origine.offsetTop-destination.clientHeight;
var difLeft = origine.offsetLeft-destination.clientWidth;
if(difTop <= 0){
destinationTop = origine.offsetTop ;//+ origine.clientHeight
}else{
destinationTop = origine.offsetTop - destination.clientHeight + origine.clientHeight; //
}
if(difLeft <= 0){
destinationLeft = origine.offsetLeft + origine.clientWidth;
}else{
destinationLeft = origine.offsetLeft - destination.clientWidth;
}
destination.style.position = 'absolute';
destination.style.top = destinationTop + 'px';
destination.style.left = destinationLeft + 'px';
}
</
script
>
<
asp
:
DataList
ID
="DLVariante"
RepeatColumns
="3"
RepeatDirection
="Vertical"
Width
="100%"
runat
="server"
ItemStyle-VerticalAlign
="Top">
<
ItemTemplate
>
<
div
class
="table20-bleu4-Titre">
<
asp
:
Label
Font-Size
="X-Small"
ID
="Label4"
Text
='<%# Eval("ImageNom") %>'runat="server"/>
</
div
>
<
div
id
="IBVariante"
runat
="server"
style
="
text-align:center;">
<
asp
:
Image
ID
="ImgMin"
runat
="server"
AlternateText
=''
/>
</
div
>
<
div
id
="DivMax"
style
="
opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
display: block; z-index: 100; position: absolute; top: 100px; left: 1000px;"runat="server"><%----%>
<
asp
:
Image
ID
="ImgMax"
runat
="server"
AlternateText
=''
/>
</
div
>
<
ajaxToolkit
:
AnimationExtender
ID
="AnimationExtender1"
runat
="server"
TargetControlID
="IBVariante">
<
Animations
>
<
OnHoverOver
>
<
Sequence
AnimationTarget
="DivMax">
<
ScriptAction
Script
="Cover($get('IBVariante'), $get('DivMax'));"
/>
<
StyleAction
AnimationTarget
="DivMax"
Attribute
="display"
Value
="block"/>
<
FadeIn
AnimationTarget
="DivMax"
Duration
="0.2"/>
</
Sequence
>
</
OnHoverOver
>
<
OnHoverOut
>
<
Sequence
AnimationTarget
="DivMax">
<
StyleAction
AnimationTarget
="DivMax"
Attribute
="display"
Value
="none"/>
</
Sequence
>
</
OnHoverOut
>
</
Animations
>
</
ajaxToolkit
:
AnimationExtender
>
</
ItemTemplate
>
</
asp
:
DataList
>
</
ContentTemplate
>
</
asp
:
UpdatePanel
>
Bruno POUPON webmaster@primactif.com
HTTP://WWW.PRIMACTIF.COM