romoga

Есть сайт с применением 3д на css и javascript. Надо исправить косяки, сделать его резиновым и кросбраузерным. Исходники закоментировать. Плачу нормально, но нужен спец СРОЧНО!!! Завтра утром надо сделать Сайт не большой. Нужен человек который думает кодом Студенты аля начинающие не тревожте Пишите в личку

$(function(){ $(document).click(function(e){ c=c+1; if (c==5) {c=1} alert(c); switch (c) { case 1: $('.cubespinner').css({ '-webkit-transform':'rotateY(-90 deg)' }); break case 2: $('.cubespinner').css({ 'transform':'rotateY(-90 deg)', 'transform':'rotateZ(90 deg)' }); break case 3: $('.cubespinner').css({ 'transform':'rotateY(-180 deg)', 'transform':'rotateZ(90 deg)' }); break case 4: $('.cubespinner').css({ 'transform':'rotateY(90 deg)', 'transform':'rotateX(90 deg)' }); break case 5: $('.cubespinner').css({ 'transform':'rotateX(90 deg)' }); break } }); });

Поставь себе капельницу для мозга.

тут есть вроде как решение, но ведь оно для блока, а у меня фрейм с динамически меняемым содержимым <div style="overflow: hidden; height: 100px; width: 200px"><div style="overflow: auto; height: 100px; width: 217px"> <!-- 200 + 17 (scrollbar width) -->wow aw hdawuid haiuwd hoawudh awoudh apojd poiasjd pjsdpoj zspd japdj wd[pao jdaiwjd oaiwhdoiwaueoiauwepoi wjqpoie qjwpie hwqoie haoi;e haoij esijd;awjdopwajepo jwaprja oish lfnasklj asihjwaoirjpwiaor qoiwjr oiqw roiajro iajr;sjalfkja;slifjwaiofj aw;oi jwairawiopr w; ri;wari a r;jwaijr wao</div></div> так яи применял и так и так ..ни в одном из обновленных брозеров не работает-FF chrome safari ((((

не работает ((( я делаю так ..создаю фрейм в диве <div id="frame-for-All"><iframe id="frameAll" src=# width=600 allowtransparency="true" scrolling=auto frameborder='no'></iframe></div>а в CSS #frame-for-All {color:#fff;position: absolute;overflow: hidden;top:40px;left: 600px;width: 50%;*/}1.Как все же убрать эту полосу но оставить возможность прокрутки? 2.Как располагать фрейм относительно размера экрана? у меня стоит left:600 но ведь это не правильно

Как убрать вертикальную полосу прокрутки у Айфрейма,но оставить возможность прокручивать...

Как можно сделать чтобы текст из iframe плавно исчезал? Ну или предложите другие способы анимации ))

вот код...начинайте пинать ))) <!-- Общий фрейм --><div id="frame-for-All"><iframe id="frameAll" src="menu\svet_fasadi\alumin.html" width=600 allowtransparency="true" scrolling=no frameborder='no'> </iframe></div>CSS #frame-for-All {color:#fff;position: absolute;top:40px;/*bottom: 0;*/left: 600px;/*right: 100px;*//*margin: auto;*//*height: 50%;width: 50%;*//*background: #ccc;*/}а так я пытаюсь сменить файл который грузится во фрейм $('a.spider').click(function(){$('frameAll').(document).location.href = "spider.html";});

Допустим я листаю меню по событию onclick...Но вот я выбрал пункт меню и открылась фотогалаерея как мне временно пока я листаю галерею остановить это событие, а потом когда я закончу снова запустить?

Как в одну строчку прописать? Уже и плюсовал и запятые ставил - не катит ((( <script>$('#side5').click(function(){ // alert('cvn'); $('#cube').css({'margin': 'auto'}); $('#cube').css({'top': 0}); $('#cube').css({'bottom': 0}); $('#cube').css({'left': 0}); $('#cube').css({'right': 0}); $('.side').css({'width': 400+'px'}); $('.side').css({'height': 400+'px'}); // $('#cube').css({'transform-origin': 50% 50% -205+'px'}); $('.side').css({'transform-origin': 50% 50% -205+'px'}); $('.side').css({'position': 'absolute'}); });

После долгих мучений я все таки выяснил что за гадина не дает быть анимации в crome и safari... Это свойство transition..когда его вставляю в код transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;перестает реагировать..не вращается.... Как обойти?

блиин.он жутко тормозит но работает везде кроме оперы.... мой куб летает, но не паешт ..там вся пробема в выводе сторон...в вашем примере перерисовывается все в 3д .cube-side_right { background:rgba(180,180,0,.4); -webkit-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 100px); transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 100px);у меня же только сторона #side6 { transform: rotateY(180deg) translate3d( 5px ); -moz-transform: rotateY(180deg) translate3d( 5px ); -webkit-transform: rotateY(180deg) translateZ( 5px ); -o-transform: -o-rotateY(180deg) translateZ( 5px );}Как быть?...в инете нахожу инфу про кубы аж 2011 годом..т.е. 3 года как все рабоатют с 3д кубами и НИ у Одного кодера нет рабочей модели...жмоты ((((

начну заново.... есть главная страница <html> <head> <meta http-equiv="Content-Type" content="text/html; Charset=UTF-8"><link rel="stylesheet" href="main.css"> <script> function showContent(link) { var cont = document.getElementById('contentBody'); var loading = document.getElementById('loading'); cont.innerHTML = loading.innerHTML; var http = createRequestObject(); if( http ) { http.open('get', link); http.onreadystatechange = function () { if(http.readyState == 4) { cont.innerHTML = http.responseText; } } http.send(null); } else { document.location = link; } } // создание ajax объекта function createRequestObject() { try { return new XMLHttpRequest() } catch(e) { try { return new ActiveXObject('Msxml2.XMLHTTP') } catch(e) { try { return new ActiveXObject('Microsoft.XMLHTTP') } catch(e) { return null; } } } } </script> </head> <body> <form id="forma"> <a class="ssilka" onclick="showContent('svetoproz.html')"> Нажми!!!!! </a> </form> <div id="contentBody"> </div> <div id="loading" style="display: block"> Идет загрузка... </div> </body> </html> есть файл стилей главной страницы body{background: #ddd;font-size: 20px;top:0; left:0;margin:20;color: #000;font-size: 20px;z-index: 99999;}a:hover {cursor: pointer;}#contentBody{ position: inherit; border: 5px solid #00c; position:relative; left:500px; width: 600px; height: 500px; top: 0px;}есть страница которую я хочу подгрузить в основную вот она <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Frame</title> <link rel="stylesheet" href="menu.css" type="text/css" media="screen" /> </head><body> <ul id="panel"> <li class="animation"><a href="svet_naruj.html">Наружние</a></li> <li class="animation"><a href="zimny-sad-sys.html">Системы зимних садов</a></li> <li class="animation"><a href="planet_sys.html">Планарные системы</a></li> <li class="animation"><a href="spider-sys.html">Спайдерная система</a></li> <li class="animation"><a href="zajim-sys.html">Система на зажимах</a></li> <li class="animation"><a href="svet_vnutr.html">Внутренние</a> </li> <li class="animation"><a href="sklad-dveri.html">Складные двери</a> </li> <li class="animation"><a href="razdvij-dveri.html">Раздвижные двери</a></li> <li class="animation"><a href="svet_rigel.html">Стоечно-ригельная конструкция</a></li> </ul> <p style="text-align: justify;"><b>Светопрозрачные (светопропускающие) конструкции</b> относятся к группе ограждающих конструкций. Предназначены для обеспечения теплоизоляции, необходимой естественной освещённости и возможности визуального контакта с окружающей средой.</p> <p style="text-align: justify;">Светопрозрачная конструкция может быть отдельно стоящим самостоятельным сооружением, примыкающим к зданию или элементом здания. Светопропускающие конструкции зданий классифицируются на наружные - ограждающие и внутренние.</p> </body></html>есть файл стилей анимированного меню подгружаемой страницы #panel { /*z-index: 0;*/ width:300px; list-style:none; padding-top:30px; display:inline-block;}#panel li { border-radius:3px 3px 3px 3px; margin-top:5px; width:150px; background: #000000; background: -moz-linear-gradient(top, #161616 0%, #000000 100%); background: -webkit-linear-gradient(top, #161616 0%,#000000 100%); background: -o-linear-gradient(top, #161616 0%,#000000 100%); border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333;}#panel li a { color:#fff; display:block; padding:10px;}#panel li a:hover { color:#00c6ff;}#panel li.animation { -moz-transition: all 0.4s ease-in-out; -moz-transform:translateX(0px); -o-transition: all 0.4s ease-in-out; -o-transform:translateX(0px); -webkit-transition: all 0.4s ease-in-out; -webkit-transform:translateX(0px); }#panel li.animation:hover { -moz-transform:translateX(25px); -o-transform:translateX(25px); -webkit-transform:translateX(25px);}вроде все.... при нажатии создается рамка в которую я как думал будет подгружаться вторая страница с меню и тп... но контент выходит за рамки вниз... Как грамотно вывести инфу достраницы в эту рамку? скролл не приемлем

ребята ну подскажите как заставить его залезть в мой контейнер и применить стили?? делаю вот так для id #contentBody{ position: fixed; border: 5px solid #000; position:relative; left:500px; width: 600px; height: 500px; top: 30px;}4

нашел код, но как грамотно его вставить, чтобы кроссбраузерность, учет размера экрана и тп.вот код <html> <head> <meta http-equiv="Content-Type" content="text/html; Charset=UTF-8"><link rel="stylesheet" href="main.css"> <script> function showContent(link) { var cont = document.getElementById('contentBody'); var loading = document.getElementById('loading'); cont.innerHTML = loading.innerHTML; var http = createRequestObject(); if( http ) { http.open('get', link); http.onreadystatechange = function () { if(http.readyState == 4) { cont.innerHTML = http.responseText; } } http.send(null); } else { document.location = link; } } // создание ajax объекта function createRequestObject() { try { return new XMLHttpRequest() } catch(e) { try { return new ActiveXObject('Msxml2.XMLHTTP') } catch(e) { try { return new ActiveXObject('Microsoft.XMLHTTP') } catch(e) { return null; } } } } </script> </head> <body> <p>Какую страницу желаете открыть?</p> <form> <input onclick="showContent('svetoproz.html')" type="button" value="Страница 1"> <input onclick="showContent('page2.html')" type="button" value="Страница 2"> </form> <div id="okno"> <div id="contentBody"> </div> <div id="loading" style="display: none"> Идет загрузка... </div> </div> </body> </html> при загрузке , загружаемое окно применят свои стили ((( как быть??

Нашел код <html> <head> <meta http-equiv="Content-Type" content="text/html; Charset=UTF-8"> <script> function showContent(link) { var cont = document.getElementById('contentBody'); var loading = document.getElementById('loading'); cont.innerHTML = loading.innerHTML; var http = createRequestObject(); if( http ) { http.open('get', link); http.onreadystatechange = function () { if(http.readyState == 4) { cont.innerHTML = http.responseText; } } http.send(null); } else { document.location = link; } } // создание ajax объекта function createRequestObject() { try { return new XMLHttpRequest() } catch(e) { try { return new ActiveXObject('Msxml2.XMLHTTP') } catch(e) { try { return new ActiveXObject('Microsoft.XMLHTTP') } catch(e) { return null; } } } } </script> </head> <body> <p>Какую страницу желаете открыть?</p> <form> <input onclick="showContent('page1.html')" type="button" value="Страница 1"> <input onclick="showContent('page2.html')" type="button" value="Страница 2"> </form> <div id="contentBody"> </div> <div id="loading" style="display: none"> Идет загрузка... </div> </body> </html> но он загружает и свои стили... может есть у кого пример плавного появления страницы внутри другой ??? буду копать адльше

вот откуда вы такие? На вопрос как поменять колесо - ответ руками? можно пример или ссылку???

Надо подгружать локальные страницы в окно броузера... тут вот все кричат что нииизя использовать iframe...не по феншую это чем же его заменить ????

автор при нажатии правой кнопки мышки на анимации вы всегда сможете узнать на чем она сделана если вылазиет что-то про флешь типа Adobe Flash 10 и менюшка короткая - флэш (Кэп) если дает позырить Исходный код страницы то не флэш 0_о

Собстна сабж. Я делаю так <div class="side" id="side1"><a href="javascript:$('#Layer1').css({'visibility':'visible' });">текст тута </a></div>брозер выдает ошибку [object Object] хоть еа секунду и показывает окно.

есть скрипт который загружает передаваемую ему параметром внешнюю страницу html вот он <script src="jquery.tools.min.js"></script><script>$(function() { // if the function argument is given to overlay, it is assumed to be the onBeforeLoad event listener $("a[rel]").overlay(function() { // grab wrapper element inside content var wrap = this.getContent().find("div.wrap"); // load only for the first time it is opened if (wrap.is(":empty")) { wrap.load(this.getTrigger().attr("href")); } });});</script>к нему идет css вот он div.overlay { /* growing background image */ background-image:url(white.png); /* dimensions after the growing animation finishes */ width:600px; height:470px; /* initially overlay is hidden */ display:none; /* some padding to layout nested elements nicely */ padding:55px;}/* default close button positioned on upper right corner */div.overlay div.close { background-image:url(close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}и html код <a href="external-content.htm" rel="#overlay"> <button type="button">Показать внешний файл в модальном окне!!!</button> </a> <div class="overlay" id="overlay"> <div class="wrap"></div> </div>Все понятно что по кнопке он срабатывает и все счастливы..но мне нужно чтобы он срабатывал по клику на 3д модель.... сам клик срабатывает я побывал, я вставляю как советовали $('#side1').click(function(){$(document).getElementById('overlay').onclick(); не срабатывает (((((( и еще подскажите что значит $("a[rel]") ??? сюда передается ссылка ведь от a href ???

и все таки как совместить вот это <p><a id="jslink" href="external-content.htm" rel="#overlay" </a> </p> с этим $('#side1').click(function()); с первым все опнятно он вызывается кнопкой, но у меня нет кнопок у меня грань 3д объекта по стороне создается клик, и должно справа создаться модальное окно такого же цвета как и фон а там кнопочки, меню и текст Ну как же это сделать...щас заплачу (((((

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

СПАСИБО...Дай Вам Бог ВСЕГО ВСЕГО..вы не представляете что сделали..... СПАСИБО СППСИБО!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

всегда есть типы вроде вас которое не по существу...не надо здесь флудить.ок?