Закрытие и открытие двух всплывающих окон модели впоследствии по событию Click кнопки, используя JQuery - PullRequest
Новая
       4

Закрытие и открытие двух всплывающих окон модели впоследствии по событию Click кнопки, используя JQuery

0 голосов
/ 28 июня 2011

Я использую JQuery для открытия и закрытия всплывающего окна модели. 

//Function to open pop-up

 function UserSignupModalpopupFromSubDomain(guid,title)
{
    var srcFile = "../ModelPopup/SignUpPopup.aspx"; 
 if (guid) srcFile += '?location=' + guid+'&title=' + title; /* sample code to append a unique user ID to page called */ 
    var cFrame = new Element('iframe').setProperties({id:"iframe-signup", name:"iframe-signup", height:'420px', width:'584px', frameborder:"0", scrolling:"no"}).injectInside(document.body);
 $('iframe-signup').src = srcFile;
 customModalBox.htmlBox('iframe-signup', '', 'Sign up'); 
 $('mb_contents_Popup').addClass('yt-Panel-Primary_Popup');
 new Element('div').setHTML(' ').setProperty('id','mb_Error_Popup').injectTop($('mb_center_Popup'));

 new Element('h2').setHTML('Sign UP').setProperty('id','mb_Title_Popup').injectTop($('mb_contents_Popup'));
//    $('mb_center').setStyle('z-index','2005');
//    $('mb_overlay').setStyle('z-index','2004');



      $('mb_center_Popup').setStyle('z-index','2005');
   $('mb_overlay_Popup').setStyle('z-index','2004');



}


// pop-up close function

function UserSignUpClose() {
 $('mb_close_link').addEvent('click', function() {
  //if($('yt-UserProfileContent1')) $('yt-UserProfileContent1').remove();
  if($('iframe-signup')) $('iframe-signup').remove();
  if($('mb_Title_Popup')) $('mb_Title').remove();
  if($('mb_contents_Popup')) $('mb_contents_Popup').removeClass('yt-Panel-Primary_Popup');
  if($('mb_Error_Popup')) $('mb_Error_Popup').remove();
  $('mb_overlay_Popup').setStyle('z-index','1600');
 });
}

Функция закрытия работает нормально, когда мы используем ее с кнопкой «Отмена» во всплывающем окне.

Но я хочу закрыть открытое всплывающее окно и впоследствии открыть новое всплывающее окно, используя ту же кнопку ссылки, и для этого я попытался, как показано ниже, на странице Page_load страницы aspx.cs: 

lnkButton.Attribues.Add("onClick","UserSignUpClose();");
lnkButton.Attribues["onClick"]+="UserSignupModalpopupFromSubDomain(location.href,document.title);";

но он не работает Хотя я пытался получить и использовать его идентификаторы, я не смог получить его свойства, такие как id, type и innerHTML.

до благодарности.

1 Ответ

0 голосов
/ 28 июня 2011

вы назначаете iframe-signup, mb_Error_Popup и mb_Title_Popup в качестве идентификаторов элементов, но вы используете $('iframe-signup').src = srcFile; для выбора элементов Синтаксис jQuery для выбора элементов с идентификаторами выглядит следующим образом 

$('#iframe-signup').src = srcFile;  // the # sign

сделать то же самое для всех таких выборов

...