Вопрос по jquery

kamachi ↓

23 Ноябрь, 2009, 07:54:13

НЕ ХУЕТА! ХУЕТА!

Карма: -15
Сообщений: 320
Сила слова: -4.69

захотелось красоты добавить) , использовал jquery и примеры его применения http://www.radmus.net/2009/03/09/pishem-dialogovye-okna-pri-pomoshi-jquery.html

,но возникла боольшая проблема.. Сайт лежит на данвере, а грузится как будто на дряблом хосте. Короче страница из за этого как я понял



<script src="dev/jquery-1.3.2.js" type="text/javascript"></script>
<script src="dev/ui/ui.core.js" type="text/javascript"></script>
<script src="dev/ui/ui.draggable.js" type="text/javascript"></script>
<script src="dev/ui/ui.resizable.js" type="text/javascript"></script>
<script src="dev/ui/ui.dialog.js" type="text/javascript"></script>
<script src="dev/ui/effects.core.js" type="text/javascript"></script>
<script src="dev/ui/effects.highlight.js" type="text/javascript"></script>
<script src="dev/external/bgiframe/jquery.bgiframe.js" type="text/javascript"></script>


стала тормозить призагрузке, ЧТО ПОСЕВЕТУЕТЕ??


	Записан

Вы также можете использовать BB код и смайлы.

NRG ↓

23 Ноябрь, 2009, 07:56:39 , спустя 2 минуты 26 секунд

НЕ ХУЕТА! ХУЕТА!

Headshot!MultiKill!
Группа: нинзя

Карма: 777
Сообщений: 4595
Сила слова: 17.21

сжать весь джаваскрипт и поместить в один файл

Спустя 54 секунды добавил

и тормозит скорее всего не загрузка...
а браузер твой не выгребает столько жаваскрипта..


	Записан

Буратино дрочил, дрочил и сгорел

Java и JavaScript это абсолютно разные вещи !!!

Господа, вы хуйня.

девушки краснели, отворачивались но порнуху продолжали смотреть

CTAPbIu_MABP ↓

23 Ноябрь, 2009, 08:04:09 , спустя 7 минут 30 секунд

НЕ ХУЕТА! ХУЕТА!

мавр
Группа: в ухо

Карма: не нужна
Сообщений: 5184
Сила слова: 1.81

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


	Записан

java.lang.OutOfMemoryError

kamachi ↓

23 Ноябрь, 2009, 08:10:09 , спустя 6 минут

НЕ ХУЕТА! ХУЕТА!

Карма: -15
Сообщений: 320
Сила слова: -4.69

NRG

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

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

Спустя 40 секунд добавил

CTAPbIu_MABP

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

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


	Записан

Вы также можете использовать BB код и смайлы.

kamachi ↓

23 Ноябрь, 2009, 08:38:59 , спустя 28 минут 50 секунд

НЕ ХУЕТА! ХУЕТА!

Карма: -15
Сообщений: 320
Сила слова: -4.69

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


« Последнее редактирование: 23 Ноябрь, 2009, 08:38:59 от kamachi »	Записан

Вы также можете использовать BB код и смайлы.

adw0rd ↓

23 Ноябрь, 2009, 09:07:37 , спустя 28 минут 38 секунд

НЕ ХУЕТА! ХУЕТА!

эдво
Группа: Джедаи

Карма: не нужна
Сообщений: 17222
Сила слова: 1.65

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


	Записан

FreeBSD, Python, Django, Git, Emacs, Nginx, MySQL, SphinxSearch
Кинсбург * Либург * Футбург * Мой блог

kamachi ↓

03 Февраль, 2010, 12:45:24 , спустя 71 день 15 часов 37 минут 47 секунд

НЕ ХУЕТА! ХУЕТА!

Карма: -15
Сообщений: 320
Сила слова: -4.69

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

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

Javascript

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


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

</div>

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

</body>
</html>

я щ


	Записан

Вы также можете использовать BB код и смайлы.

kamachi ↓

03 Февраль, 2010, 12:50:30 , спустя 5 минут 6 секунд

НЕ ХУЕТА! ХУЕТА!

Карма: -15
Сообщений: 320
Сила слова: -4.69

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

Javascript


	Записан

Вы также можете использовать BB код и смайлы.

mario ↓

03 Февраль, 2010, 12:51:53 , спустя 1 минуту 23 секунды

НЕ ХУЕТА! ХУЕТА!

бухарио
Группа: Джедаи

Карма: 62
Сообщений: 5971
Сила слова: 1.04

Javascript

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

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


	Записан

с ув. mario.

Контакты

kamachi ↓

03 Февраль, 2010, 12:55:58 , спустя 4 минуты 5 секунд

НЕ ХУЕТА! ХУЕТА!

Карма: -15
Сообщений: 320
Сила слова: -4.69

mario

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

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

Javascript

<!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. ui@jquery.com");
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>john.doe@example.com</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>

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

</body>
</html>


	Записан

Вы также можете использовать BB код и смайлы.

mario ↓

03 Февраль, 2010, 01:03:31 , спустя 7 минут 33 секунды

НЕ ХУЕТА! ХУЕТА!

бухарио
Группа: Джедаи

Карма: 62
Сообщений: 5971
Сила слова: 1.04

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

Спустя 57 секунд добавил

kamachi

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

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

mario

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


	Записан

с ув. mario.

Контакты

adw0rd ↓

03 Февраль, 2010, 01:15:10 , спустя 11 минут 39 секунд

НЕ ХУЕТА! ХУЕТА!

эдво
Группа: Джедаи

Карма: не нужна
Сообщений: 17222
Сила слова: 1.65

Javascript

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


	Записан

FreeBSD, Python, Django, Git, Emacs, Nginx, MySQL, SphinxSearch
Кинсбург * Либург * Футбург * Мой блог

kamachi ↓

03 Февраль, 2010, 01:27:36 , спустя 12 минут 26 секунд

НЕ ХУЕТА! ХУЕТА!

Карма: -15
Сообщений: 320
Сила слова: -4.69

adw0rd

Javascript

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 учит((((


	Записан

Вы также можете использовать BB код и смайлы.

adw0rd ↓

03 Февраль, 2010, 01:33:17 , спустя 5 минут 41 секунду

НЕ ХУЕТА! ХУЕТА!

эдво
Группа: Джедаи

Карма: не нужна
Сообщений: 17222
Сила слова: 1.65

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

Javascript

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

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

Спустя 1 минуту 6 секунд добавил

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

Javascript

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


	Записан

FreeBSD, Python, Django, Git, Emacs, Nginx, MySQL, SphinxSearch
Кинсбург * Либург * Футбург * Мой блог

kamachi ↓

03 Февраль, 2010, 03:37:05 , спустя 2 часа 3 минуты 48 секунд

НЕ ХУЕТА! ХУЕТА!

Карма: -15
Сообщений: 320
Сила слова: -4.69

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


	Записан

Вы также можете использовать BB код и смайлы.

Страниц: 1 2 3 [4] 5 6 ... 15

Печать

« предыдущая тема следующая тема »

	Автор	Тема: Вопрос по jquery (Прочитано 9504 раз)
0 Пользователей и 1 Гость смотрят эту тему.