google stila popups

ziedinjsh · July 3, 2011

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š!

Rincewind · July 3, 2011

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ā.

daGrevis · July 3, 2011

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.

Rincewind · July 3, 2011

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.

ziedinjsh · July 3, 2011

$(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!

daGrevis · July 3, 2011

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"...

Rincewind · July 3, 2011

Iesākumam iekš "$(document).ready(function(){" ieliec "alert(1);" lai pārliecinātos ka jquery strādā.

Ja jā tad parādi arī html kodu.

ziedinjsh · July 3, 2011

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 July 3, 2011 by ziedinjsh

Rincewind · July 3, 2011

alertam jāparādās pie lapas ielādes. Tev jQuery vispār tiek ielādēts?

ziedinjsh · July 3, 2011

nu skatoties caur source js fails ir headerī un uzspiežot atver failu..

daGrevis · July 3, 2011

Parādi pilnu HTML tai lapai un pilnu JS (tikai ne pašu jquery.js!)... un "iemauc" kāda "pastebin".

ziedinjsh · July 3, 2011

tā.. atradu problēm.. neuzmanības kļūda.. vienam js aizmirsu </script> uzrakstīt

daGrevis · July 3, 2011

tā.. atradu problēm.. neuzmanības kļūda.. vienam js aizmirsu </script> uzrakstīt

10# punkts, tikai "staķa" vietā ieliec php.lv/f.

ziedinjsh · July 3, 2011

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 July 3, 2011 by ziedinjsh

briedis · July 3, 2011

Padomā par šīm pāris rindām...

$ = function(ID) { 
return document.getElementById(ID); 
} 

...
$(document).ready(function(){

Sign In

google stila popups

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation