HarPy
-
Posts
8 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by HarPy
-
Доброго времени суток всем! Как растянуть высоту ячейки по высоте iframe? Чет не хочет хочет меняться - ячейка думает что у меня iframe до сих пор имеет скроллинг и остается таким же вот код странички: <head><!--Frame size--><script type="text/javascript"><!--function mySize(){$('iframe').contents().find('body').css({"min-height": "100", "overflow" : "hidden"});setInterval( "$('iframe').height($('iframe').contents().find('body').height()+5)", 1 );}//--></script><!--Frame size--></head><body><table width=100% border=1 cellspacing="0" cellpadding="0"><!--Start row 1--><tr><td>1.1</td><td width=960><a href="my.files/php/rss.php" name="ourframe" target="ourframe"><img src="my.files/img/anigif.gif"></a></td><td>1.3</td></tr><!--End row 1--><!--Start row 2--><tr><td>2.1</td><td> <iframe src="my.files/pages/root.htm" name="ourframe" id="ourframe" scrolling="no" frameborder="0" style="overflow:auto; width:100%; height:100%;"></iframe> </td><td>2.3</td></tr><!--End row 2--></table> </body>
-
Доброго времени дня! На сайте в файле index.htm есть код который отвечает за поиск по сайту. Там же имеется iframe - как мне выводить результаты поиска в этот iframe. Вот сами коды/скрипты. <div id="page"> <form id="searchForm" method="post"> <fieldset> <input id="s" type="text" /> <input type="submit" value="Submit" id="submitButton" /> <div id="searchInContainer"> <input type="radio" name="check" value="site" id="searchSite" checked /> <label for="searchSite" id="siteNameLabel">Поиск в</label> <input type="radio" name="check" value="web" id="searchWeb" /> <label for="searchWeb">Поиск в Интернет</label> </div> </fieldset> </form> <div id="resultsDiv"></div></div>А тут собственно JS: $(document).ready(function(){ var config = { siteURL : '3dnur.ru', // Сайт, на котором используется поиск searchSite : true, type : 'web', append : false, perPage : 8, // Google допускает использовать максимум 8 page : 0 // Первая страница } // Маленькая стрелка, которая отмечает иконку типа поиска: var arrow = $('<span>',{className:'arrow'}).appendTo('ul.icons'); $('ul.icons li').click(function(){ var el = $(this); if(el.hasClass('active')){ // Иконка уже активна, выходим return false; } el.siblings().removeClass('active'); el.addClass('active'); // Перемещаем стрелку под данную иконку arrow.stop().animate({ left : el.position().left, marginLeft : (el.width()/2)-4 }); // Устанавливаем тип поиска config.type = el.attr('data-searchType'); $('#more').fadeOut(); }); // Устанавливаем домен сайта как метку для первой радио кнопки: $('#siteNameLabel').append(' '+config.siteURL); // Маркируем радио кнопку поиска по сайту как активную: $('#searchSite').click(); // Маркируем иконку веб поиска как активную: $('li.web').click(); // Устанавливаем фокус ввода в поле для ввода текста: $('#s').focus(); $('#searchForm').submit(function(){ googleSearch(); return false; }); $('#searchSite,#searchWeb').change(function(){ // Ловим событие click на одной из радио кнопок. // config.searchSite примет значение либо true либо false. config.searchSite = this.id == 'searchSite'; }); function googleSearch(settings){ // Если никаких аргументов не было передано функции, // то будут использоваться значения по умолчанию из объекта конфигурации: settings = $.extend({},config,settings); settings.term = settings.term || $('#s').val(); if(settings.searchSite){ // Используем опцию для Google site:example.com для ограничения поиска // по определенному домену: settings.term = 'site:'+settings.siteURL+' '+settings.term; } // URL API Google AJAX Search var apiURL = 'http://ajax.googleapis.com/ajax/services/search/'+settings.type+'?v=1.0&callback=?'; var resultsDiv = $('#resultsDiv'); $.getJSON(apiURL,{q:settings.term,rsz:settings.perPage,start:settings.page*settings.perPage},function(r){ var results = r.responseData.results; $('#more').remove(); if(results.length){ // Если результат был возвращен, добавляем его к элементу div pageContainer, // который затем добавлет его к #resultsDiv: var pageContainer = $('<div>',{className:'pageContainer'}); for(var i=0;i<results.length;i++){ // Создаем новый объект результата и запускаем его метод toString: pageContainer.append(new result(results[i]) + ''); } if(!settings.append){ // Данный код выполняется, если запускается новый поиск // вместо нажатия на кнопку _Показать еще_: resultsDiv.empty(); } pageContainer.append('<div class="clear"></div>') .hide().appendTo(resultsDiv) .fadeIn('slow'); var cursor = r.responseData.cursor; // Проверяем, имеются ли еще страницы с результатами поиска, // и определяем, показывать ли кнопку _Показать еще_: if( +cursor.estimatedResultCount > (settings.page+1)*settings.perPage){ $('<div>',{id:'more'}).appendTo(resultsDiv).click(function(){ googleSearch({append:true,page:settings.page+1}); $(this).fadeOut(); }); } } else { // В данном поиске не было найдено ничего. resultsDiv.empty(); $('<p>',{className:'notFound',html:'По вашему запросу ничего не найдено!'}).hide().appendTo(resultsDiv).fadeIn(); } }); } function result(r){ // Это определение класса. Объект данного класса создается для каждого результата поиска. // Разметка генерируется методом .toString(). var arr = []; // GsearchResultClass передается из API Google switch(r.GsearchResultClass){ case 'GwebSearch': arr = [ '<div class="webResult">', '<h2><a href="',r.unescapedUrl,'" target="_blank">',r.title,'</a></h2>', '<p>',r.content,'</p>', '<a href="',r.unescapedUrl,'" target="_blank">',r.visibleUrl,'</a>', '</div>' ]; break; case 'GimageSearch': arr = [ '<div class="imageResult">', '<a target="_blank" href="',r.unescapedUrl,'" title="',r.titleNoFormatting,'" class="pic" style="width:',r.tbWidth,'px;height:',r.tbHeight,'px;">', '<img src="',r.tbUrl,'" width="',r.tbWidth,'" height="',r.tbHeight,'" /></a>', '<div class="clear"></div>','<a href="',r.originalContextUrl,'" target="_blank">',r.visibleUrl,'</a>', '</div>' ]; break; case 'GvideoSearch': arr = [ '<div class="imageResult">', '<a target="_blank" href="',r.url,'" title="',r.titleNoFormatting,'" class="pic" style="width:150px;height:auto;">', '<img src="',r.tbUrl,'" width="100%" /></a>', '<div class="clear"></div>','<a href="',r.originalContextUrl,'" target="_blank">',r.publisher,'</a>', '</div>' ]; break; case 'GnewsSearch': arr = [ '<div class="webResult">', '<h2><a href="',r.unescapedUrl,'" target="_blank">',r.title,'</a></h2>', '<p>',r.content,'</p>', '<a href="',r.unescapedUrl,'" target="_blank">',r.publisher,'</a>', '</div>' ]; break; } // Метод toString. this.toString = function(){ return arr.join(''); } } });Может быть лишним было выкладывать скрипт, просто ума не приложу как передать данные в iframe. Я так думаю, что за вывод данных отвечает следующий кусок кода из index.htm: <div id="resultsDiv"></div>
-
спасибо за беспокойство - нашел у себя в архиве другое меню
-
нет ничем не помог ответ - всеравно спасибо за отклик
-
Проблема с меню, вставляю код меню к себе на сайт, над и под менюшкой появляются отступы примерно 10px - 15px - не могу понять где мне это исправить. Подскажите может еще что нибудь добавить или убрать нужно, вот коды: css: #dropdown_nav {width:1076px;padding-left:0px;padding-top:0px;display:inline-block;list-style:none;border-radius:5px;border-bottom:0px solid #777;-moz-border-radius:5px;-webkit-border-radius:5px;background: #DCDCDC url(../img/menu.png);-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;} #dropdown_nav li {padding:12px 0px 12px 0px;float:left;position:relative;display:inline-block;} #dropdown_nav li a {text-decoration:none;font-weight: bold;font-size:15px;color:#ccc;padding:10px 15px 10px 15px;border-right:1px solid #666;-moz-transition: background-color 0.3s 0.01s ease;-o-transition: background-color 0.3s 0.01s ease;-webkit-transition: background-color 0.3s 0.01s ease;} #dropdown_nav li a:hover {background: #FF6766;text-decoration:none;color:#fff;} #dropdown_nav li a:active {background:#e2e2e2;} #dropdown_nav li a.first {-moz-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;} /*#dropdown_nav li a.last { -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; }*/ /* Sub-Nav стили */#dropdown_nav .sub_nav {width:161px;position:absolute;top:41px;left:0px;border-top: 2px solid #FF6766;background: #DCDCDC url(../img/pinstriped_suit.png);-moz-box-shadow: 0 0 10px #333;-webkit-box-shadow: 0 0 10px #333;box-shadow: 0 0 10px #333; } #dropdown_nav .sub_nav li {width:160px;padding:0px;} #dropdown_nav .sub_nav li a {font-weight: normal;font-size:13px;display:block;border-bottom:1px solid #444;}#dropdown_nav .sub_nav li a:hover {background:#333;}#dropdown_nav .sub_nav li a:active {background:#333;}html: <table width=100% height=100% border=1><tr><td height=5 bgcolor=#1E90FF></td></tr><tr height=128px background="my.files/img/header.jpg"><td align=left valign=middle> </td></tr><tr><td height=41> <ul id="dropdown_nav"> <li><a class="first" href="#">Главная</a></li> <li><a href="#">Шаблоны</a> <ul class="sub_nav"> <li><a href="#">Подменю #1</a></li> <li><a href="#">Подменю #2</a></li> <li><a href="#">Подменю #3</a></li> <li><a href="#">Подменю #4</a></li> </ul></td></tr><tr><td> </td></tr></table>$(function() {$('#dropdown_nav li').find('.sub_nav').hide();$('#dropdown_nav li').hover(function() {$(this).find('.sub_nav').fadeIn(400); }, function() {$(this).find('.sub_nav').fadeOut(100); }); });
-
Да все бы такие умные были - я и так взял пример из самоучителя Вот вскрыл код - а там ссылка на этот файл ->>> <link rel="stylesheet" href="http://jqueryui.com/web-base-template/themes/jqueryui.com/style.css"> вот только как достать этот файл оттуда все уже не нужна помощь ссылка сама появилась когда сюда вставил путь до файла - просто скачал через Save Link As..
-
Подскажите новичку где скачивается или как создается файл style.css <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Menu - Default functionality</title> <link rel="stylesheet" href="[url="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"]http://code.jquery.c.../jquery-ui.css"[/url] /> <script src="[url="http://code.jquery.com/jquery-1.8.2.js%22></script>"]http://code.jquery.c...2.js"></script>[/url] <script src="[url="http://code.jquery.com/ui/1.9.1/jquery-ui.js%22></script>"]http://code.jquery.c...i.js"></script>[/url] <link rel="stylesheet" href="/resources/demos/style.css" /> <script> $(function() { $( "#menu" ).menu(); }); </script> <style> .ui-menu { width: 150px; } </style> </head> <body> <ul id="menu"> <li class="ui-state-disabled"><a href="#">Aberdeen</a></li> <li><a href="#">Ada</a></li> <li><a href="#">Adamsville</a></li> <li><a href="#">Addyston</a></li> <li> <a href="#">Delphi</a> <ul> <li class="ui-state-disabled"><a href="#">Ada</a></li> <li><a href="#">Saarland</a></li> <li><a href="#">Salzburg</a></li> </ul> </li> <li><a href="#">Saarland</a></li> <li> <a href="#">Salzburg</a> <ul> <li> <a href="#">Delphi</a> <ul> <li><a href="#">Ada</a></li> <li><a href="#">Saarland</a></li> <li><a href="#">Salzburg</a></li> </ul> </li> <li> <a href="#">Delphi</a> <ul> <li><a href="#">Ada</a></li> <li><a href="#">Saarland</a></li> <li><a href="#">Salzburg</a></li> </ul> </li> <li><a href="#">Perch</a></li> </ul> </li> <li class="ui-state-disabled"><a href="#">Amesville</a></li> </ul> </body> </html> все остальные файлы я уже нашел т.е. скачал - вот без файла style.css ничего не идет - все коряво выглядит
-
Может тема уже была озвучена. Помогите плиз. Как сделать чтобы по клику в меню кнопки "Главная" изменялся текст в <div id="cont"><p>Content</p></div> ? ===========================================================index.html <link type="text/css" rel="stylesheet" href="harpy.files/css/menu.css" /> <script type="text/javascript" src="harpy.files/js/menu.js"></script> </head> <div id="menu"> <span class="preload1"></span> <span class="preload2"></span> <ul id="nav"> <li class="top"><a href="#nogo1" id="root" class="top_link"><span>Главная</span></a></li> </ul> </div> <div id="cont"> <p>Content</p> </div> ===========================================================menu.css .preload1 {background: url(../images/three_0a.gif);} .preload2 {background: url(../images/three_1a.gif);} #nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(../images/three_0.gif) repeat-x; position:relative; z-index:500; left: 10px; top:20; width: 960; font-family:arial, verdana, sans-serif;} #nav li.top {display:block; float:left;} #nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/three_0.gif);} #nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/three_0.gif) right top no-repeat;} #nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/three_0a.gif) no-repeat right top;} #nav li:hover a.top_link {color:#fff; background: url(../images/three_1.gif) no-repeat;} #nav li:hover a.top_link span {background:url(../images/three_1.gif) no-repeat right top;} #nav li:hover a.top_link span.down {background:url(../images/three_1a.gif) no-repeat right top; padding-bottom:3px;} #nav li:hover {position:relative; z-index:200;} #nav li:hover ul.sub {left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; height:auto; z-index:300;} #nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;} #nav li:hover ul.sub li a {display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;} #nav li ul.sub li a.fly {background:#50b5d0 url(../images/arrow.gif) 80px 6px no-repeat;} #nav li:hover ul.sub li a:hover {background:#3f96a9; color:#fff; border-color:#fff;} #nav li:hover ul.sub li a.fly:hover {background:#3f96a9 url(../images/arrow_over.gif) 80px 6px no-repeat; color:#fff;} #nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;} #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;} #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {background:#3f96a9 url(../images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} #nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {background:#50b5d0 url(../images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} ===========================================================menu.js stuHover = function() { var cssRule; var newSelector; for (var i = 0; i < document.styleSheets.length; i++) for (var x = 0; x < document.styleSheets[i].rules.length ; x++) { cssRule = document.styleSheets[i].rules[x]; if (cssRule.selectorText.indexOf("LI:hover") != -1) { newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover"); document.styleSheets[i].addRule(newSelector , cssRule.style.cssText); } } var getElm = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<getElm.length; i++) { getElm[i].onmouseover=function() { this.className+=" iehover"; } getElm[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" iehover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", stuHover);