Jump to content
php.lv forumi

google stila popups


ziedinjsh

Recommended Posts

Sveiki!

google izēlnes labajā pusē ir opcijas poga, uzspiežot viņas atveras takatāds popup kur iekšā ir linki. Varbūt kāds zin kur ir kāds tuteriālis prekš kaut kā tāda?

 

Paldies jau iepriekš!

Kas nu tur par tutoriāļiem. Tādu normāli ir taisīt kā parastu <ul> un uz klikšķa ar js mainīt viņam show/hide. Vienīgi nezinu kā tur google uztaisīts hide uz klikšķa citā lapas vietā.

Link to comment
Share on other sites

Vienīgi nezinu kā tur google uztaisīts hide uz klikšķa citā lapas vietā.

 

Ja tiek uzklikots jebkur, kur nav izvēle un izvēle ir atvērta, tad aizvērt izvēlni ciet.

Link to comment
Share on other sites

Ja tiek uzklikots jebkur, kur nav izvēle un izvēle ir atvērta, tad aizvērt izvēlni ciet.

Bet tam jau laikam vajadzīgs kaut kāds globāls eventu apstrādātājs, es tādus nekad neesmu veidojis. Neliks tak katrā eventa apstrādātājā atsevišķu pārbaudi vai kaut kas tur ir atvērts.

Link to comment
Share on other sites

$(document).ready(function(){

       $(".openmenu").hide();
       $(".options").show();

$('.options').click(function(){
$(".openmenu").slideToggle();
});

});

 

kapēc man neatver divu options?? paslēpts viņš ir, bet vaļā neverās!

Link to comment
Share on other sites

Bet tam jau laikam vajadzīgs kaut kāds globāls eventu apstrādātājs, es tādus nekad neesmu veidojis. Neliks tak katrā eventa apstrādātājā atsevišķu pārbaudi vai kaut kas tur ir atvērts.

 

Jāpapēta būs kods "tai lapai"...

Link to comment
Share on other sites

nu labi.. neizsauc kodu.. alerts neparādījās uzspiežot uz linka. kā viņu izsaukt!?

js

$(document).ready(function(){
alert(1);
       $(".openmenu").hide();
       $(".options").show();

$('.openmenu').click(function(){
$(".options").slideToggle();
});

});

 

html

<a href='#' class='openmenu'>Vārds Uzvārds</a>

<ul class='options' id='options'>
<li><a href='#'>Kaut kas</a></li>
<li><a href='#'>Kaut kas</a></li>
<li><a href='#'>Kaut kas</a></li>
<li><a href='#'>Kaut kas</a></li>
</ul>

Edited by ziedinjsh
Link to comment
Share on other sites

es kaut ko nesaprotu.. :D atkal viņš uzspiežot nestrādā!!

 

$ = function(ID) { 
return document.getElementById(ID); 
} 
function showContent() {
       $('loading').style.display = 'none';
       $('frame').style.display = 'block';
}

window.onload = showContent;


$(document).ready(function(){
alert(1);
       $(".openmenu").hide();
       $(".options").show();

       $('.openmenu').click(function(){
       $(".options").slideToggle();
       });

});   

 

<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/body.css">
<link rel="stylesheet" type="text/css" href="css/menu.css">
<script type="text/javascript" src="js/jQuery-1.6.2.js"></script>
<script type="text/javascript" src="js/header.js"></script>

</head>
<?php include("misc/misc.php");?>
<body>
<div id='warp'>
<div class='left-menu'>
<ul>
<?php	
$p = (isset($_GET['p'])) ? $_GET['p'] : '';
echo "<li class='".(($p == '') ? 'current' : '')."'><a href='index.php'>Sakums</a></li>
<li class='".(($p == 'test') ? 'current' : '')."'><a href='index.php?p=test'>Test</a></li>
";
?>

</ul>


<div class='right-menu'>
<div class='user'><a href='#' class='openmenu'>Vārds Uzvārds</a></div>


<ul class='options'>
<li><a href='#'>Kaut kas tāds</a></li>
<li><a href='#'>Kaut kas</a></li>
<li><a href='#'>Kaut kas</a></li>
<li><a href='#'>Kaut kas</a></li>
</ul>


</div>

</div>
<div class='fix'></div>
	<div class='under'>

	</div>
	<div id='loading'><img src='img/loader.gif'></div>
		<div class='frame' id='frame'>
			<div class='frameContent'>
		<?php
			if($p==''){
			include("home.php");
			}
				if($p=='test'){
				include("test.php");
				}

		?>
			</div>
		</div>
			<div style=''></div>
				<div class='footer'>footeris</div>
</div>
</body>
</html>

 

Pareizāk sakot viņš nenolasa vispār to jquery daļu kur būtu kaut kam ānotiek.. alert arī neizlec!

Edited by ziedinjsh
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...