+ Start a Discussion
anjisalesforce@gmail.comanjisalesforce@gmail.com 

Can any one please help this jquery concept?

Hi all,

 

I am getting Phone Number but i want to retriveing all fields in pop up window. Can any one please help me.

 

 

Below code is my code:

 

 

<apex:page showheader="false" standardController="Account" recordsetVar="accounts" >
<apex:form >
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<apex:includeScript value="{!URLFOR($Resource.jquery, '/js/jquery-1.8.0.min.js')}" />
<apex:includeScript value="{!URLFOR($Resource.jquery, '/js/jquery-ui-1.8.23.custom.min.js')}" />
<apex:stylesheet value="{!URLFOR($Resource.jquery, '/css/ui-lightness/jquery-ui-1.8.23.custom.css')}" />
<script>
$j = jQuery.noConflict();
$j(document).ready(function() {
$j("#phone").dialog({ autoOpen: false, modal: true, position: 'center' });
});

function showDialog(name, phone1, acno){

$j("#pnumber").html(phone1);
$j("#phone").dialog("open");
$j('#phone').dialog("option" , "title" , name);
$j('#phone').dialog('option', 'position', 'Left');
return false;
}
</script>
<style>
.accountLink { color: red; cursor: pointer; cursor: hand; }
</style>
</head>

<body>
<apex:dataList value="{!accounts}" var="account" id="theList">
<a href="" class="accountLink" onclick="return showDialog('{!account.name}', '{!account.phone}', '{!account.accountnumber}')"><apex:outputText value="{!account.name}"/></a>
</apex:dataList>

<div id="phone" >
<div style="float:left">Phone:</div><div id="pnumber"></div> <br/>
<div style="float:left">Account Number:</div>
</div>


</body>
<apex:outputText id="txt1" value="{!account.AccountNumber}" />
</apex:form>
</apex:page>

 

 

Thanks 

Anj