Ajax / javascript ? Focus fond noir new element list Sharepoint 2010

Version imprimable

Bonjour,

Dans le cadre d'un développement de webpart perso j'aimerais effectuer le même effet fond noir de Sharepoint que l'on retrouve à chaque création d'élément / modificer.

Ou si il y à une autre méthode d'obtenir le même résultat.

jérémy

Edit
J'aimerais utiliser le "lighbox" déja présent dans Sharepoint.
j'ai trois boutons avec le code suivant:
Code:

1 2 3 4 <asp:Button ID="btnModifier" ToolTip="Lien pour modifier la fiche client actuel" Width="80px" runat="server" Text="Modifier" style="background-image:url(http://srvintra/_layouts/images/edititem.gif); background-repeat:no-repeat;background-position:left;text-align:right;" /> <asp:Button ID="btnAjouter" ToolTip="Lien pour ajouter un nouveau client en gestion technique" Width="80px" runat="server" Text="Ajouter" style="background-image:url(http://srvintra/images/ajouter.png); background-repeat:no-repeat;background-position:left;text-align:right;" /> <asp:Button ID="btnDocsClients" PostBackUrl="" OnClientClick="aspnetForm.target ='_blank';" ToolTip="Lien vers la bibliothéque de documents du client actuel" Width="110px" runat="server" Text="Docs Clients" style="background-image:url(http://srvintra/images/documents.gif); background-repeat:no-repeat;background-position:left;text-align:right;"/>
Je remplis mes liens dans le code behind. Pour les deux premiers boutons, il me faut cette effet afin de pas reload ma page à chaque clic.

13/01/2012, 16h28
Lapinpanda

utilisation de la fonction OpenApplicationPage("url"); sur l'évenement onclick d'un de tes boutons afin de generer une popup avec le fond qui va bien
13/01/2012, 16h38
synapsjeremy

Salut lapin,

Je n'ai pas vraiment compris ta solution.
Cette fonction permet de faire le lightbox ?
13/01/2012, 16h47
synapsjeremy
A lire sur le net il faudrait utiliser:
Code:

1 2 SP.UI.ModalDialog.showModalDialog
13/01/2012, 16h59
Lapinpanda
Citation:
Envoyé par synapsjeremy

A lire sur le net il faudrait utiliser:

Code:

1 2 SP.UI.ModalDialog.showModalDialog
http://msdn.microsoft.com/en-us/library/ff410259.aspx

ce lien a tout ce qui faut pour te combler, c'était OpenPopUpPage je me suis strompé désolé
13/01/2012, 17h42
synapsjeremy

Bon alors ^^

Dans ma visualwebpart:

Code:

<asp:Button ID="btnModifier" runat="server" OnClick="" PostBackUrl="" ToolTip="Lien pour modifier la fiche client actuel" Width="80px" runat="server" Text="Modifier" style="background-image:url(http://srvintra/_layouts/images/edititem.gif); background-repeat:no-repeat;background-position:left;text-align:right;" />

Dans ma visualwebpart.cs j'aimerais faire quelque chose qui ressemble à ceci(avec l'id de ma liste et l'id de mon item en variable bien sur. La c'est juste pour tester et^être sur d'afficher un item.

Code:

//btnModifier.OnClick = "SP.UI.ModalDialog.showModalDialog({ url: \"http://srvintra/_layouts/listform.aspx?PageType=6&ListId={9903C9E4-BFD8-4A00-9D06-B5093A6F309F}&ID=9\",width: 600,height: 300,title: \"Cool\",})";

Le probléme c'est que je n'ai pas accés a ma variable Onclick mais uniquement OnClientClick. Ducou ma fenetre s'affiche et disparait aussitot ...

Une idée ?

J'ai bien compris que "onclick" n'est pas une valeur mais une fonction:

Exemple

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
void GreetingBtn_Click(Object sender,
                           EventArgs e)
    {
        // When the button is clicked,
        // change the button text, and disable it.
 
        Button clickedButton = (Button)sender;
        clickedButton.Text = "...button clicked...";
        clickedButton.Enabled = false;
 
        // Display the greeting label text.
        GreetingLabel.Visible = true;
    }

J'aimerais pourtant faire la même que:

Code:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function openDialog() 
    { 
        var options = { url: "http://srvintra/_layouts/listform.aspx?PageType=6&ListId={9903C9E4-BFD8-4A00-9D06-B5093A6F309F}&ID=9",width: 600,height: 300,title: "My First Modal Dialog",}; 
        SP.UI.ModalDialog.showModalDialog(options); 
    }
</script>
 
<a href="#" onclick="javascript:openDialog(); return false;">  <img src="/_layouts/images/edititem.gif" /> </a>

Mais en me laissant faire des manipe dans mon code behind ...

Bon j'ai fini par trouvé.

Voila la solution pour avoir l'effet light out sur un lien:

Code behind:

Code:

1
2
3
4
5
protected void Page_Load(object sender, EventArgs e)
        {              //idcli = Id de l'élément dans ma base infotech
                       //numcli = int qui correspond au numéro unique de mon client
                        Modifier_Liens(idcli, numcli);           
        }

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
 public void Modifier_Liens(string id,int numcli)
        {
            string url = "http://srvintra/lists/infotech/modifier.aspx?ID=" + id;
            Modifier.HRef = string.Format("javascript:openDialog('{0}')", url);
            //Modifier.HRef = url;
 
            url = "http://srvintra/lists/infotech/ajouter.aspx";
            Ajouter.HRef = string.Format("javascript:openDialog('{0}')", url);
 
            Doc_Client.HRef = "http://srvintra/Docs_Clients/" + numcli + "/";
        }

Code dans mon visual:

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<%@ Import Namespace="Microsoft.SharePoint" %> 
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="VisualWebPart1UserControl.ascx.cs" Inherits="WPDataTech.VisualWebPart1.VisualWebPart1UserControl" %>
 
<script type="text/javascript" src="http://srvintra/_layouts/SP.UI.Dialog.js" ></script>    
<script type="text/javascript" src="http://srvintra/_layouts/SP.UI.Dialog.debug.js" ></script>
<Sharepoint:ScriptLink ID="ScriptLink1" Name="sp.ui.dialog.js" LoadAfterUI="true" Localizable="false" runat="server"></Sharepoint:ScriptLink>
 
<script type="text/javascript">
 
function openDialog(_url) 
{
    var options = {
        url: _url,        
        title: "Fiche Client"
    }; 
    SP.UI.ModalDialog.showModalDialog(options); 
}
</script>
<style type="text/css">
.link 
a:link{color:black;text-decoration:none;}
a:hover{color:black;text-decoration:none;}  
a:active{color:black;text-decoration:none;}
a:visited{color:black;text-decoration:none;}
</style>
 
<div style="float: left;">
<asp:DropDownList ID="DropDownListClients" runat="server" OnSelectedIndexChanged="Changer_Client" AutoPostBack="true">
</asp:DropDownList>
<a href="" runat="server" id="Modifier" title="Lien pour modifier la fiche technique" class="link"><img src="http://srvintra/images/Btn_Modifier.jpg" border="0px"></a>
<a href="" runat="server" id="Ajouter" title="Lien pour ajouter une fiche technique" class="link"><img src="http://srvintra/images/Btn_Ajouter.jpg" border="0px"></a>
<a href="" runat="server" id="Doc_Client" title="Lien pour ajouter une fiche technique" target="_blank" class="link"><img src="http://srvintra/images/Btn_Docs.jpg" border="0px"></a>
<br /><br />
 
<iframe Id="frame1" width="1000" height="355"  runat="server" scrolling="no" frameborder="0"> 
</iframe>
</div>

Si vous avez des améliorations why not.