Вопрос по jquery « JavaScript

Сообщения: 5305 Репутация: N Группа: в ухо

23 ноября 2009 г. 20:04, спустя 7 минут 30 секунд

kamachi,
качай отсюда
http://jqueryui.com/download/jquery-ui-1.7.2.custom.zip
из архива используй файл jquery-ui-1.7.2.custom.min.js всемто всего что ты подключал кроме
jquery-1.3.2.js и jquery.bgiframe.js

kamachi

Сообщения: 320 Репутация: N Группа: Кто попало

23 ноября 2009 г. 20:10, спустя 6 минут

сжать весь джаваскрипт и поместить в один файл
Спустя 54 сек.
и тормозит скорее всего не загрузка…
а браузер твой не выгребает столько жаваскрипта..

дело дрянь, а как еще можно такие окошки сделать? Как http://radmus.net/demo/dialogs-with-jquery/ тут, но только чтобы не тормозило так.

Спустя 40 сек.

kamachi,
качай отсюда
http://jqueryui.com/download/jquery-ui-1.7.2.custom.zip
из архива используй файл jquery-ui-1.7.2.custom.min.js всемто всего что ты подключал кроме
jquery-1.3.2.js и jquery.bgiframe.js

ааа щас попробую

kamachi

Сообщения: 320 Репутация: N Группа: Кто попало

23 ноября 2009 г. 20:38, спустя 28 минут 50 секунд

ааа все работает

adw0rd

Сообщения: 22959 Репутация: N Группа: в ухо

23 ноября 2009 г. 21:07, спустя 28 минут 38 секунд

http://vremenno.net/js/jquery-dialog-and-popup-plugins/

https://smappi.org/ - платформа по созданию API на все случаи жизни

kamachi

Сообщения: 320 Репутация: N Группа: Кто попало

3 февраля 2010 г. 12:45, спустя 71 день 15 часов 37 минут

народ, я вот тут не могу догнать

вот использую я окошко модальное

<!doctype html>
<html lang="en">
<head>
	<title>jQuery UI Dialog - Modal message</title>
	<link type="text/css" href="theme/ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="jquery-1.3.2.js"></script>
	<script type="text/javascript" src="ui/ui.core.js"></script>
	<script type="text/javascript" src="ui/ui.draggable.js"></script>
	<script type="text/javascript" src="ui/ui.resizable.js"></script>
	<script type="text/javascript" src="ui/ui.dialog.js"></script>
	<script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
	<script type="text/javascript">
	$(function() {
		$("#dialog").dialog({
			bgiframe: true,
			modal: true,
			buttons: {
				Ok: function() {
					$(this).dialog('close');
				}
			}
		});
	});
	</script>
</head>
<body>

<div class="demo">

<div id="dialog" title="Download complete">
	<p>
		<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
		Your files have downloaded successfully into the My Downloads folder.
	</p>
	<p>
		Currently using <b>36% of your storage space</b>.
	</p>
</div>

<!– Sample page content to illustrate the layering of the dialog –>
<div class="hiddenInViewSource" style="padding:20px;">
	<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
	<form>
		<input value="text input" /><br />
		<input type="checkbox" />checkbox<br />
		<input type="radio" />radio<br />
		<select>
			<option>select</option>
		</select><br /><br />
		<textarea>textarea</textarea><br />
	</form>
</div><!– End sample page content –>

</div><!– End demo –>

<div class="demo-description">

<p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work.  Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>

</div><!– End demo-description –>

</body>
</html>

я щ

kamachi

Сообщения: 320 Репутация: N Группа: Кто попало

3 февраля 2010 г. 12:50, спустя 5 минут 6 секунд

как сделать чтобы при нажатии на ок перекидывало на другую страницу…

<!doctype html>
<html lang="en">
<head>
	<title>jQuery UI Dialog - Modal message</title>
	<link type="text/css" href="theme/ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="jquery-1.3.2.js"></script>
	<script type="text/javascript" src="ui/ui.core.js"></script>
	<script type="text/javascript" src="ui/ui.draggable.js"></script>
	<script type="text/javascript" src="ui/ui.resizable.js"></script>
	<script type="text/javascript" src="ui/ui.dialog.js"></script>
	<script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
	<script type="text/javascript">
	$(function() {
		$("#dialog").dialog({
			bgiframe: true,
			modal: true,
			buttons: {
				Ok: function() {
					$(this).dialog('close');
				}
			}
		});
	});
	</script>
</head>
<body>

<div class="demo">

<div id="dialog" title="Download complete">
	<p>
		<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
		Your files have downloaded successfully into the My Downloads folder.
	</p>
	<p>
		Currently using <b>36% of your storage space</b>.
	</p>
</div>

<!– Sample page content to illustrate the layering of the dialog –>
<div class="hiddenInViewSource" style="padding:20px;">
	<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
	<form>
		<input value="text input" /><br />
		<input type="checkbox" />checkbox<br />
		<input type="radio" />radio<br />
		<select>
			<option>select</option>
		</select><br /><br />
		<textarea>textarea</textarea><br />
	</form>
</div><!– End sample page content –>

</div><!– End demo –>

<div class="demo-description">

<p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work.  Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>

</div><!– End demo-description –>

</body>
</html>

mario

Сообщения: 6067 Репутация: N Группа: Джедаи

3 февраля 2010 г. 12:51, спустя 1 минуту 23 секунды

Ok: function() {
                    $(this).dialog('close');

я думаю вот тут надо менять :)

kamachi

Сообщения: 320 Репутация: N Группа: Кто попало

3 февраля 2010 г. 12:55, спустя 4 минуты 5 секунд

Ok: function() {
                    $(this).dialog('close');
я думаю вот тут надо менять :)

на что менять??
ну или есть такая форма регистрации, куда она данны кидает… как вообсче вся эта байда с php взаимодействует??

<!doctype html>
<html lang="en">
<head>
	<title>jQuery UI Dialog - Modal form</title>
	<link type="text/css" href="theme/ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="jquery-1.3.2.js"></script>
	<script type="text/javascript" src="ui/ui.core.js"></script>
	<script type="text/javascript" src="ui/ui.draggable.js"></script>
	<script type="text/javascript" src="ui/ui.resizable.js"></script>
	<script type="text/javascript" src="ui/ui.dialog.js"></script>
	<script type="text/javascript" src="ui/effects.core.js"></script>
	<script type="text/javascript" src="ui/effects.highlight.js"></script>
	<script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
	<style type="text/css">
		body { font-size: 62.5%; }
		label, input { display:block; }
		input.text { margin-bottom:12px; width:95%; padding: .4em; }
		fieldset { padding:0; border:0; margin-top:25px; }
		h1 { font-size: 1.2em; margin: .6em 0; }
		div#users-contain {  width: 350px; margin: 20px 0; }
		div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
		.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
		.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
		
		
	</style>
	<script type="text/javascript">
	$(function() {
		
		var name = $("#name"),
			email = $("#email"),
			password = $("#password"),
			allFields = $([]).add(name).add(email).add(password),
			tips = $("#validateTips");

		function updateTips(t) {
			tips.text(t).effect("highlight",{},1500);
		}

		function checkLength(o,n,min,max) {

			if ( o.val().length > max || o.val().length < min ) {
				o.addClass('ui-state-error');
				updateTips("Length of " + n + " must be between "+min+" and "+max+".");
				return false;
			} else {
				return true;
			}

		}

		function checkRegexp(o,regexp,n) {

			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass('ui-state-error');
				updateTips(n);
				return false;
			} else {
				return true;
			}

		}
		
		$("#dialog").dialog({
			bgiframe: true,
			autoOpen: false,
			height: 300,
			modal: true,
			buttons: {
				'Create an account': function() {
					var bValid = true;
					allFields.removeClass('ui-state-error');

					bValid = bValid && checkLength(name,"username",3,16);
					bValid = bValid && checkLength(email,"email",6,80);
					bValid = bValid && checkLength(password,"password",5,16);

					bValid = bValid && checkRegexp(name,/^[a-z]([0-9a-z_])+$/i,"Username may consist of a-z, 0-9, underscores, begin with a letter.");
					// From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
					bValid = bValid && checkRegexp(email,/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"eg. [email protected]");
					bValid = bValid && checkRegexp(password,/^([0-9a-zA-Z])+$/,"Password field only allow : a-z 0-9");
					
					if (bValid) {
						$('#users tbody').append('<tr>' +
							'<td>' + name.val() + '</td>' + 
							'<td>' + email.val() + '</td>' + 
							'<td>' + password.val() + '</td>' +
							'</tr>'); 
						$(this).dialog('close');
					}
				},
				Cancel: function() {
					$(this).dialog('close');
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});
		
		
		
		$('#create-user').click(function() {
			$('#dialog').dialog('open');
		})
		.hover(
			function(){ 
				$(this).addClass("ui-state-hover"); 
			},
			function(){ 
				$(this).removeClass("ui-state-hover"); 
			}
		).mousedown(function(){
			$(this).addClass("ui-state-active"); 
		})
		.mouseup(function(){
				$(this).removeClass("ui-state-active");
		});

	});
	</script>
</head>
<body>

<div class="demo">

<div id="dialog" title="Create new user">
	<p id="validateTips">All form fields are required.</p>

	<form>
	<fieldset>
		<label for="name">Name</label>
		<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
		<label for="email">Email</label>
		<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
		<label for="password">Password</label>
		<input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
	</fieldset>
	</form>
</div>


<div id="users-contain" class="ui-widget">

		<h1>Existing Users:</h1>


	<table id="users" class="ui-widget ui-widget-content">
		<thead>
			<tr class="ui-widget-header ">
				<th>Name</th>
				<th>Email</th>
				<th>Password</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>John Doe</td>
				<td>[email protected]</td>
				<td>johndoe1</td>
			</tr>
		</tbody>
	</table>
</div>
<button id="create-user" class="ui-button ui-state-default ui-corner-all">Create new user</button>

</div><!– End demo –>

<div class="demo-description">

<p>Use a modal dialog to require that the user enter data during a multi-step process.  Embed form markup in the content area, set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>

</div><!– End demo-description –>

</body>
</html>

mario

Сообщения: 6067 Репутация: N Группа: Джедаи

3 февраля 2010 г. 13:03, спустя 7 минут 33 секунды

kamachi,
Раз
Два
Три
Думаю станет понятно…
а вот еще Четыре

Спустя 57 сек.

ну или есть такая форма регистрации, куда она данны кидает… как вообсче вся эта байда с php взаимодействует??

аналогично, подумай сам…

Ok: function() {
                    $(this).dialog('close');

я думаю вот тут надо менять :)

adw0rd

Сообщения: 22959 Репутация: N Группа: в ухо

3 февраля 2010 г. 13:15, спустя 11 минут 39 секунд


                Ok: function() {
                    location.href="/path/to/other/page/"
                }

https://smappi.org/ - платформа по созданию API на все случаи жизни

kamachi

Сообщения: 320 Репутация: N Группа: Кто попало

3 февраля 2010 г. 13:27, спустя 12 минут 26 секунд


                Ok: function() {
                    location.href="/path/to/other/page/"
                }

а вот если такое окно

<script>{literal}$.prompt('Example 2',{ buttons: { Ok: true, Cancel: false } }) ;{/literal}</script>

как сделать чтобы когда нажимаю ок меня пеерекидывало куда нужно?? В ja нет if??

if Ok=true
window.location.href = "url"

вот как такое организовать… чувствую придется js учит((((

adw0rd

Сообщения: 22959 Репутация: N Группа: в ухо

3 февраля 2010 г. 13:33, спустя 5 минут 41 секунду

Я не смотрел кода, но думаю что на Ok вешается обработчик события, в вашем случае это


function() {
    location.href="/path/to/other/page/"
}

Поэтому не понимаю в чем проблема?
При нажатии на кнопку вас должно перебросить на нужную вам пейджу.

Спустя 66 сек.

В js конечно есть if:


if(var1 == true) {
    console.log('true')
} else {
    console.log('false')
}

https://smappi.org/ - платформа по созданию API на все случаи жизни

kamachi

Сообщения: 320 Репутация: N Группа: Кто попало

3 февраля 2010 г. 15:37, спустя 2 часа 3 минуты 48 секунд

чета них не получается у меня с этим Я квери

Trej Gun

Сообщения: 5305 Репутация: N Группа: в ухо

3 февраля 2010 г. 15:46, спустя 9 минут 42 секунды

adw0rd все правильно говорит

kamachi

Сообщения: 320 Репутация: N Группа: Кто попало

3 февраля 2010 г. 15:59, спустя 13 минут 2 секунды

вот что я имею

// Dialog			
				$('#dialog').dialog({
					autoOpen: false,
					width: 600,
					buttons: {
						"Ok": function() { 
							$(this).dialog("close"); 
						}, 
						"Cancel": function() { 
							$(this).dialog("close"); 
						} 
					}
				});
				
				// Dialog Link
				$('#dialog_link').click(function(){
					$('#dialog').dialog('open');
					return false;
				});

вот тут при нажатии на

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

открывается окно с кнопками cancel и ok

<div id="dialog" title="Dialog Title">
			                    <p>Lorem ipsum dolor si minim veniam, quis ncommodo consequat.</p>
		                          </div>

__________________________________

а мне нужно чтобы данное окно открывалось если данные введенные пользователем верные!
на php примерно такой сценарий

if(true)
{
окно открывается;
} else {
окно не открывается;
}

и мне нужно чтобы при нажатии на ok меня перекидывало на файл

user.php

я пробовал так

"Ok": function() { 
							$(this).dialog("close"); 
                            window.location,href = "user.php";

а как запускать событие без

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

вообсче не могу догнать… мне точно придется учить js )))

Вопрос по jquery

Войти