jQuery въпрос към линк

S

stoqnski

Registered
Как да направя следния код :

Код: 
<div id=\"dialoga\" title=\"Редактиране на новина...\">
	<p>
		<span class=\"ui-icon ui-icon-circle-check\" style=\"float:left; margin:0 7px 50px 0;\"></span>
		инпут полета
		<div id=\"progressbar\"></div>
	</p>
</div>
		<br />

Да изкача от линк , т.е. като натисна линка да се появява този код ( той излиза като прозорец и айдито му е #dialoga) Демо: http://jqueryui.com/demos/dialog/#modal

Надявам се сте ме разбрали :(

По принцип с php го вада по следния начин : имам някакво условие и после елса му задавам този код и този излиза ако не е спазено условието , но как да го направя да излиза от линк , нещо с Javascript ще да е :) ??
 
Искаш да излиза след като се цъкне на даден линк?
Код: 
<?php
$prom = "<a href='site.com'>Link</a>";
echo $prom;
if(isset($prom)) {echo "Bravo";}
?>
 
<html>
<head>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.draggable.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.resizable.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.dialog.js"></script>
<script type="text/javascript">
$(function() {
$("#link").click(function() {
$("#dialoga").dialog();
});
});
</script>
<style type="text/css">
#dialoga {
display: none;
}
</style>
</head>
<body style="font-size:62.5%;">
<a href="#" id="link">Отвори</a>
<?php
echo "<div id=\"dialoga\" title=\"Редактиране на новина...\">
<p>
<span class=\"ui-icon ui-icon-circle-check\" style=\"float:left; margin:0 7px 50px 0;\"></span>
инпут полета
<div id=\"progressbar\"></div>
</p>
</div>
<br />";
?>
</body>
</html>
Увеличете...

Давам ти го с онлайн файловете им. Ти ако ги имаш на компютъра - добре :)
 
и 2-те действат при влизане в страницата / рефрешване , а когато кликна на линка ( връзката ) отваря сайта , който съм му задал ...
 
Не мога да разбера какво точно искаш?
Искаш при натискане на линк да се отваря диалоговия прозорец?
 
adrian каза:
Не мога да разбера какво точно искаш?
Искаш при натискане на линк да се отваря диалоговия прозорец?
Увеличете...

Да
 
Така ето как мисля, че ще стане.

Значи това JS:
Код: 
	$(function() {
		$("#dialog").dialog({
			bgiframe: true,
			height: 140,
			modal: true
		});
	});

го правиш така:
Код: 
    function dialog_window() {
		$("#dialog").dialog({
			bgiframe: true,
			height: 140,
			modal: true
		});
	}

И после линка ще ти бъде така:
Код: 
<a href="javascript:dialog_window();">Прозорец</a>

Не съм пробвал кода за това не мога да ти кажа дали ще върви, но можеш да пробваш :)
 
HunteR каза:
Така ето как мисля, че ще стане.

Значи това JS:
Код: 
	$(function() {
		$("#dialog").dialog({
			bgiframe: true,
			height: 140,
			modal: true
		});
	});

го правиш така:
Код: 
    function dialog_window() {
		$("#dialog").dialog({
			bgiframe: true,
			height: 140,
			modal: true
		});
	}

И после линка ще ти бъде така:
Код: 
<a href="javascript:dialog_window();">Прозорец</a>

Не съм пробвал кода за това не мога да ти кажа дали ще върви, но можеш да пробваш :)
Увеличете...

Не действа :(
 
Оффф ... ето така става :

Код: 
<p>
		<a href="#" id="dialog_link" class="ui-state-default ui-corner-all">
		<span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>
		<div id="dialog" title="Dialog Title">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
		</div>

Извинявам се. ..
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе