jQuery ефект + session

Hous · 29 Октомври 2012

Чудя се някой има ли предства как да се направи ефекта като клиповете във youtube, тоест вижте картинката (анимация е)за да разберете за какво говоря.
Click

Искам да позиционирам 1 клипче в ляво и в дясно от него подобни клипове,въпроса е как при кликане на иконка, да се разшири width:;
на контейнера (див) който държи клипа,а този в дясно да се измести надолу...

ps:Забравих да кажа,че искам да се запазва във сесия за всеки отделен човек,ако го кликне веднъж , да стой така 1 месец примерно или пък завинаги,но ако кликне друга иконка (смали), да се върне както си е било...

Radko · 29 Октомври 2012

Къде в цялата работа видя session?

и това е за джаваскипт раздела, не за пхп

[js]$('containera_ti').animate({width: '+=800px'});[/js]

http://api.jquery.com/animate/

Hous · 29 Октомври 2012

Това ми е ясно,че може да се разшири,аз дописах за сесията,другото което е окще сменя ширината,но другия див трябва да "избяга" надолу,и да има функцията да се върне както си е било,ако се кликне на друга иконка.
:?:

eddyy93 · 29 Октомври 2012

Не съм много на вътре с jquery, но съм убеден, че не ти трябват сесии за това нещо.

Ето това го има във линка, който ти прати радко:

$( "div" ).css({ width: "", fontSize: "", borderWidth: "" });

Така си ресетваш всичките тези картинки с някакви стойности, който споделят един клас или id, тествай, пробвай if .. else, все ще го оцелиш.

EDIT:

Ето това ти е цялото:

$( "#go4" ).click(function(){
$( "div" ).css({ width: "", fontSize: "", borderWidth: "" });
});

Само че на теб не ти трябва click функция, защото няма да е през клик ами някак си да го зададеш на defalut ако мишката не е на прозореца, тоест if ... else

Hous · 29 Октомври 2012

Da vaprosa za session e che ako e bes tqh to shTe si se resva pri Vseki refresh na stranicata ,a I drugiqt div trqbva ra se izmesti nadolu,a vseki clip e s razlichna visochina...
ps:sorry za latnica no pisha or telefona

eddyy93 · 29 Октомври 2012

Сега видях болднатия ти текст.

Ами ще записваш във бисквитка или във БД, кой див е селектнал и със php правиш проверка и със javascript по отделно също правиш проверка за if .. else - а от проверката с php.

Ами по - късно може да седна да видя как ще стане това със jquery, ако някой друг не се навие да го направи.

Сядаш и почваш пробва - грешка, докато стане.

Като се замисля със ajax ще стане доста по четлив кода и динамичен, с него директно записваш в БД и другя плюс няма да месеш толкова javascript - а със php.

Hous · 29 Октомври 2012

Da de no vseki izbor da zapisvam vav bd ,ne e mn priemlivo,po-kysno shte napravq nqkolko opita ,imam 2-3idei no sesiite sa mi Kato v magla

TryMe · 29 Октомври 2012

Е какво толкова имат за разбиране. Отвори прочети за setcookie() виж примерите и готово. Не е такава философия. Пиша от телефона иначе щях да ти дам един пример.

Hous · 29 Октомври 2012

Код:

jQuery(function() {
    jQuery("#zoomer").click(
        function() {
            jQuery('.full_frame').animate({width: '+=100px'});
        }),
	jQuery("#zoomer2").click(
        function() {
            jQuery('.full_frame').animate({width: '-=100px'});
        })	
		;
});

Това работи,но проблема,е че е със MouseOver и MouseOut (а на мен ми трябва със Click) и другия див се измества в страни,също така и setcookie() във php не знам как да го свържа със този event,за да си бъде отделен за всеки потребител.
Съвети ? :?:

ps:Оправих го със click() да е,но пак трябва да крия единия бутон и после да показвам другия и да крия първия за да избегна +100 +100+100 до безкрай при кликания
... дълга и широка ще стане май.

Hous · 29 Октомври 2012

Окей още малко прогрес:

Код:

jQuery(function() {
    jQuery("#zoomin").click(
        function() {
            jQuery('.full_frame').animate({width: '+=100px'});
			 jQuery('#zoomin').hide();
			jQuery('#zoomout').show();
        }),
	jQuery("#zoomout").click(
        function() {
		jQuery('.full_frame').animate({width: '-=100px'});
            jQuery('#zoomout').hide();
			jQuery('#zoomin').show();
        });
});

HTML:

buttons:<div id="zoomin">Zoom in</div>
<div id="zoomout" style="display:none;">Zoomout</div>
<div class="full_frame"></div><div class="right_frame">bla bla bla</div>

Сега остана да изместя другия див (този в дясно, надолу и да се връща нагоре като дам ZoomOut)
И най-важното ,как това цялото нещо да го вкарам във сесия ,и да проверява кой го има цъкнато и кой ,не ?

TryMe · 29 Октомври 2012

Добре де виж малко в нета, но не за php бисквитки, а за javascript бисквитки. Виж малко примери и го вържи. Яд ме е, че съм на телефона и ми е неудобно да ти го покажа.

Но все пак колкото мога:
Слагаш този плъгин https://github.com/carhartl/jquery-cookie и правиш това:

PHP:

$.cookie("name", "value", {expires: 30}); //задаване на бисквитка със срок 30 дни

//проверка
if($.cookie("name")){
        //правиш си твоите неща
}

//триеш
$.cookie("name", null)

//или

$.removeCookie("name")

Толкова мога от телефона.

Radko · 29 Октомври 2012

Няма да е зле да прочетеш из нета, какво занич Local storage и как да използваш пълноценно ресурсите на браузъра.

За пример можеш да видиш абв.бг, там като драгваш дизайна и си го разместваш се запазва. Не ти трябва никакво пхп, бДто заявки или подобни глупости. Научете се да програмирате ефективно и оптимално.

Hous · 29 Октомври 2012

Radko каза:
Научете се да програмирате ефективно и оптимално.

Кофти е ,че се държиш така,смисъл мисля,че всики сме тук за да се научим на нещо ново и нещо полезно,или пък как да го правим по-лесно и ефективно,а не да говорим "от високо" със останалите.
Би било много гадно ако всички се държахме така,едва ли тази общност която се е оформила тук щеше да съществува. :?:

Иначе ще помъча още малко първо от страна на jquery/css-а да оправя нещата , пък после ще видя по какъв начин да го "запазя" от страната на потребителя.

TryMe · 29 Октомври 2012

Ем, аз нека си пиша, пък ти да не четеш

Radko · 29 Октомври 2012

Hous каза:
Radko каза:

Научете се да програмирате ефективно и оптимално.

Увеличете...

Кофти е ,че се държиш така,смисъл мисля,че всики сме тук за да се научим на нещо ново и нещо полезно,или пък как да го правим по-лесно и ефективно,а не да говорим "от високо" със останалите.
Би било много гадно ако всички се държахме така,едва ли тази общност която се е оформила тук щеше да съществува. :?:

Иначе ще помъча още малко първо от страна на jquery/css-а да оправя нещата , пък после ще видя по какъв начин да го "запазя" от страната на потребителя.

Аз ти казвам, че има по - лесен и ненатоварващ начин, пък ти го разбирай както искаш.

Успех.

Hous · 29 Октомври 2012

TryMe каза:
Ем, аз нека си пиша, пък ти да не четеш

Сори ако съм пропуснал,просто бях от телеофна и превъртах само на последното мнение,което намерих.
Преди малко започнах да мъча css-а,като го оправя ще прегледам цялата тема отново,и ще помъча със методите,и ще постна какво става.
Благодаря за отговорите

Hous · 30 Октомври 2012

Все още съм забит на css-a

Код:

jQuery(function() {
    jQuery("#zoomin").click(
        function() {
            jQuery('.full_frame').animate({width: '+=300px'});
			 jQuery('#zoomin').hide();
			jQuery('#zoomout').show();
			jQuery('.right-slider').css('margin-top', '500px');
        }),
	jQuery("#zoomout").click(
        function() {
		jQuery('.full_frame').animate({width: '-=300px'});
            jQuery('#zoomout').hide();
			jQuery('#zoomin').show();
			jQuery('.right-slider').css('margin-top', '0px');
        });
});

Но това със margin-top нещо не ми върши работа заради ,идеята,че височините са различни ,а и самия дизайн е във таблици което прецаква всичко.Мъчих го снощо 1-2 часа и не става.Сега мисля да направя друг принцип ,вместо да задавам margin-top на десния div просто да "изчезне" и да се появи във долната част на сайта,като така измести другия.
Намерих един js
[js]
$('#source').detach().prependTo('#destination');
[/js]
но не съм все още сигурен дали ще стане,а и нямам много време.
Пиша с идеята някой да предложи вариянт (подобен на "преместване" изчезва десния див и се премества в друг див който стой по принип под него в таблица )
Или да мъча с този?

Hous · 30 Октомври 2012

Докато закусих го праправих:
[js]
jQuery(function() {
jQuery("#zoomin").click(
function() {
jQuery('.full_frame').animate({width: '+=340px'});
jQuery('#zoomin').hide();
jQuery('#zoomout').show();
jQuery('.right-slider').detach().prependTo('#slide_down');
}),
jQuery("#zoomout").click(
function() {
jQuery('.full_frame').animate({width: '-=340px'});
jQuery('#zoomout').hide();
jQuery('#zoomin').show();
jQuery('.right-slider').detach().prependTo('#slide_up');
});
});
[/js] работи перфектно,сега ще погледна мненията за да видя как да го запазя за всеки потребител като избор.

Hous · 30 Октомври 2012

Окей опитах със
[js]
<script src="jquery.cookie.js"></script>
<script>
jQuery.cookie("slider_choice", "1", {expires: 30}); //задаване на бисквитка със срок 30 дни

//проверка
if(jQuery.cookie("slider_choice")){
jQuery(function() {
jQuery("#zoomin").click(
function() {
jQuery('.full_frame').animate({width: '+=340px'});
jQuery('#zoomin').hide();
jQuery('#zoomout').show();
jQuery('.moveme').detach().prependTo('#slide_down');
}),
jQuery("#zoomout").click(
function() {
jQuery('.full_frame').animate({width: '-=340px'});
jQuery('#zoomout').hide();
jQuery('#zoomin').show();
jQuery('.moveme').detach().prependTo('#slide_up');
});
});
}
</script>
[/js]
И кода спря да работи...
Някой ?

Radko · 30 Октомври 2012

Предполагам си си сложил плъгина към Jquery за cookie, защото в core версията го няма?

jQuery ефект + session

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered

Registered