if dialog box is open hide/show div

[laucinieks]

Tātad šis ir skripts, kurš izskanē vai dialog box ir atvērts vai aizvērts, ja atvērts uzliek vienu divu un otram uzliek hide, ja nē tad atkal otrādāk -

 <script type="text/javascript">
$.fx.speeds._default = 1000;
$(function() {
 $( "#login" ).dialog({
title: "Delete or Bump Up your add",
resizable: false,
  autoOpen: false,
  show: "blind",
  hide: "blind"
 });
 $( "#opener" ).click(function() {
if ($("#login").dialog( "isOpen" ))
{
$('#but_up').hide();
$('#but_down').show();
  $('#login').dialog('close');
  }
 	else
  {
  $('#but_down').hide();
$('#but_up').show();
 	$( "#login" ).dialog( "open" );
 	}
  return false;
 });
});
</script>

 

Viss strādā labi, ja spiež ar pogu "View Ads", bet ja spiež X pašam dialog box'am, tad div'i nesamainās. Varbūt variet palīdzēt?

L.

[codez]

Javascript ir "event driven" valoda, tev nav nekas jāskanē, uz katru eventu izpildi to, ko tu vēlies.

[laucinieks]

Kā tad man to kodu jāpārraksta, lai strādātu, tā kā vēlos, pašlaik gandrīz strādā, kā jau teicu, nestrādā tikai tas, ja nospiež nost dialog boxu ar X (pašam dialoga boksam), tad nenomainās div tagi.

[daGrevis]

Pieliec funkciju, kas aizver pop-up'u, kad tiek uzspiests 'iksiņš'.

[laucinieks]

Ja uzspiež x, popups aizveras, bet nenomainās divs.

No šīm darbībām aizverot ar X notiek tikai boldā iezīmētā -

 <script type="text/javascript">
$.fx.speeds._default = 1000;
$(function() {
 $( "#login" ).dialog({
   	title: "Delete or Bump Up your add",
   	resizable: false,
  autoOpen: false,
  show: "blind",
  hide: "blind"
 });
 $( "#opener" ).click(function() {
   	if ($("#login").dialog( "isOpen" ))
   	{

$('#but_up').hide();

$('#but_down').show();

$('#login').dialog('close');

  }
   	else
  {
  $('#but_down').hide();
   	$('#but_up').show();
   	$( "#login" ).dialog( "open" );
   	}
  return false;
 });
});
</script>

Un nenotiek pasvītrotās, bet laikam tas ir tādēļ, ka man nav nekur pateikts, kas notiek ja uzspied X, jo man ir tikai patiekts, kas notiek, ja uzspiež linku ar id #opener.

Ceru uz palīdzību,

L.

Edited September 18, 2011 by laucinieks

[daGrevis]

Tjip notiek...

 

$('#login').dialog('close');

 

Bet nenotiek:

 

$('#but_up').hide();
$('#but_down').show();

 

...?

 

Tu esi drošs, ka tajā brīdī, kad izpildās tas koda bloks... $('#but_up') un $('#but_down') eksistē?

[laucinieks]

Jā 100%. Kā jau teicu, tas kods ir priekš viena linku view ads uz kura uzspiežot divs samainās un atverās dialog box, un nospiežot dialog box aizveras un div atkal samainās ar to viss strādā. Bet, tad kad atver ar to linku un grib aizvērt ar dialog box x, tad div tags nesamainās, bet vienkārši aizveras box. Vari paskatītieshttp://serenity.lv/lapa , paprovē atvērt un aizvērt ar linku your ads, un tad paprovē atvērt ar your ads un aizvērt ar X.

Edited September 18, 2011 by laucinieks

[nuclear]

Pamegini ko šādu..

$(".ui-dialog-titlebar-close ui-corner-all").click(function() {
  $('#but_up').hide();
  $('#but_down').show();
  $('#login').dialog('close');
});

Jo cik es sapratu no skripta, tad tu nekadu click eventu neesi licis tai "x" pogai..

 

Un btw pats megini debugot.. ieliec alertu taja if else.

Edited September 18, 2011 by nuclear

[laucinieks]

Jau šo provēju, nepalīdz. :(

[codez]

Beidzat fantazēt šeit visādus caur d... variantus. dialogam ir close events uz kuru vari izpildīt to, ko vēlies:

 

Lasiet taču dokumentāciju: http://jqueryui.com/...og/#event-close

//Supply a callback function to handle the close event as an init option.
$( ".selector" ).dialog({
  close: function(event, ui) { ... }
});
//Bind to the close event by type: dialogclose.
$( ".selector" ).bind( "dialogclose", function(event, ui) {
 ...
});

Edited September 18, 2011 by codez

[laucinieks]

Codez, tāpat nesanāk arī ar tavu variantu. Tieši tas pats.

 

Edit: Paveicu ar šādu variantu :) -

 $(".ui-dialog-titlebar-close").click(function() {
	$('#but_up').hide();
	$('#but_down').show();
});
 $( "#opener" ).click(function() {
if ($("#login").dialog( "isOpen" ))
{
$('#but_up').hide();
$('#but_down').show();
  $('#login').dialog('close');
  }
 	else
  {
  $('#but_down').hide();
$('#but_up').show();
 	$( "#login" ).dialog( "open" );
 	}
  return false;
 });

Edited September 18, 2011 by laucinieks

[codez]

Tev dialogs jāefinē vienā vietā un tur arī kā parametrus jādefinē dialoga eventus. Aizmirsti pat šajā gadījumā par kaut kādiem ifiem un vēl kautko.

1)Definē click eventu, kurā izveidos dialogu

2)Dialoga izveidē definē dialoga close eventu, kurā izpildīs to, ko tu vēlies.

 

P.S. Tavā pēdējajā piemērā nav pat close events definēts.

[nuclear]

Tev dialogs jāefinē vienā vietā un tur arī kā parametrus jādefinē dialoga eventus. Aizmirsti pat šajā gadījumā par kaut kādiem ifiem un vēl kautko.

1)Definē click eventu, kurā izveidos dialogu

2)Dialoga izveidē definē dialoga close eventu, kurā izpildīs to, ko tu vēlies.

 

P.S. Tavā pēdējajā piemērā nav pat close events definēts.

Ko tu gaidi no cilveka, kas maz ko saprot no jQuery. :)

[codez]

Labi, te būs priekšā, bet mēģini saprast, kas tur notiek.

 

http://jsfiddle.net/hBM6Y/

 

$('#btn').click(function(){
$('#panel1').hide();
$('#panel2').show();
$('<div>hi</div>').dialog({
 title:'hi',
 close:function(){
  $('#panel1').show();
  $('#panel2').hide();
 }
});
});

Tātad,

$('#btn').click(function(){  

definē pogas nospiediešanas eventu

 

$('<div>hi</div>').dialog({

izveido jaunu dialogu

 

close:function(){

ir dialoga close events, kurš tiek definēts.

Edited September 18, 2011 by codez

[laucinieks]

Tavā piemērā viss strādā labi, bet spiežot click me pēc fialoga loga atvēršanās viņš nevis aizver iepriekšējo logu, bet atver vēl vienu pa virsu, bet tā laikam sāku saprast :).

[codez]

Vari uzlikjt, lai dialogs ir modal, tad nevarēs uzspiest neko, kas ir apakšā:

http://jsfiddle.net/hBM6Y/1/