Jump to content

333_org_ua

Newbie
  • Posts

    23
  • Joined

  • Last visited

333_org_ua's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Вы меня наверное неправильно поняли. Чат который я вставляю в iframe не мой а чужой и следовательно доступа к нему не имею
  2. Здравствуйте ! У меня такая проблемма. Есть сайт (это не для рекламмы а для наглядного примера) http://333.org.ua (выбиририте пожалуйста в меню ссылок "Чат_Bizarre") Так вот, подгружается сайт в iframe и мой ползунок scroll устанавливается тупо в крайнее нижнее положение и это очень сильно напрягает. Естевственно как только я пытаюсь прокрутить страничку вверх то она тут же перемещается опять вниз так как поступают в чате новые сообщения. Подскажите плиз как можно решить эту проблемму !!! Как отключить выполнение именно того скрипта который устанавливает ползунок scroll в крайнее нижнее положение ??? Заранее Вам благодарен за помошь !
  3. Простите но мне не совсем это нужно. Если я туда помещу свою информацию то она просто будет отображаться на всех вкладках а мне нужно что бы при нажатии на Document1 загружалась картинка а при нажатии на кнопку Document2 например воспроизводилась мелодия
  4. Я хочу что бы,например, при нажатии на кнопку Document1 появлялась вкладка с картинкой например, на кнопку Document2 появлялась вторая вкладка с видеоплеером. Помоги плиз разобраться. Как это сделать? Как мне привязать к кнопке Document1 загрузку картинки в котент ?
  5. Я хочу привязать к кнопкам Document1, Document2, Document3, Document4, Document5 выполнение своего действия, например загрузка видеофайла или xml файла а не просто текстовую информацию. Как это сделать подскажите плиз !
  6. Ну что разве никто не знает как мне помочь ??? (((
  7. Здравствуйте ! Помогите разобраться с вкладками ! Задача в том, что бы к кнопкам Document1, Document2, Document3, Document4, Document5 привязать выполнение какого либо действия, тоесть не просто вывод текстовой информации а например загрузка картинки или xml файла. Заранее благодарен вам за помощь ! Вот пример самой странички с вкладками http://zzz.ho.ua/ Вот html код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Dynamic tabs with jQuery - why and how to create them | JankoAtWarpSpeed Demos</title> <style type="text/css"> body { font-family:Lucida Sans, Lucida Sans Unicode, Arial, Sans-Serif; font-size:13px; margin:0px auto;} #tabs { margin:0; padding:0; list-style:none; overflow:hidden; } #tabs li { float:left; display:block; padding:5px; background-color:#bbb; margin-right:5px;} #tabs li a { color:#fff; text-decoration:none; } #tabs li.current { background-color:#e1e1e1;} #tabs li.current a { color:#000; text-decoration:none; } #tabs li a.remove { color:#f00; margin-left:10px;} #content { background-color:#e1e1e1;} #content p { margin: 0; padding:20px 20px 100px 20px;} #main { width:900px; margin:0px auto; overflow:hidden;background-color:#F6F6F6; margin-top:20px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:30px;} #wrapper, #doclist { float:left; margin:0 20px 0 0;} #doclist { width:150px; border-right:solid 1px #dcdcdc;} #doclist ul { margin:0; list-style:none;} #doclist li { margin:10px 0; padding:0;} #documents { margin:0; padding:0;} #wrapper { width:700px; margin-top:20px;} #header{ background-color:#F6F6F6; width:900px; margin:0px auto; margin-top:20px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:30px; position:relative;} #header h2 {font-size:16px; font-weight:normal; margin:0px; padding:0px;} </style> <script type="text/javascript" src="jquery-1.4.min.js" ></script> <script type="text/javascript"> $(document).ready(function() { $("#documents a").click(function() { addTab($(this)); }); $('#tabs a.tab').live('click', function() { // Get the tab name var contentname = $(this).attr("id") + "_content"; // hide all other tabs $("#content p").hide(); $("#tabs li").removeClass("current"); // show current tab $("#" + contentname).show(); $(this).parent().addClass("current"); }); $('#tabs a.remove').live('click', function() { // Get the tab name var tabid = $(this).parent().find(".tab").attr("id"); // remove tab and related content var contentname = tabid + "_content"; $("#" + contentname).remove(); $(this).parent().remove(); // if there is no current tab and if there are still tabs left, show the first one if ($("#tabs li.current").length == 0 && $("#tabs li").length > 0) { // find the first tab var firsttab = $("#tabs li:first-child"); firsttab.addClass("current"); // get its link name and show related content var firsttabid = $(firsttab).find("a.tab").attr("id"); $("#" + firsttabid + "_content").show(); } }); }); function addTab(link) { // If tab already exist in the list, return if ($("#" + $(link).attr("rel")).length != 0) return; // hide other tabs $("#tabs li").removeClass("current"); $("#content p").hide(); // add new tab and related content $("#tabs").append("<li class='current'><a class='tab' id='" + $(link).attr("rel") + "' href='#'>" + $(link).html() + "</a><a href='#' class='remove'>x</a></li>"); $("#content").append("<p id='" + $(link).attr("rel") + "_content'>" + $(link).attr("title") + "</p>"); // set the newly added tab as current $("#" + $(link).attr("rel") + "_content").show(); } </script> </head> <body> <div id="header"> <img src="logo.jpg" alt="JankoAtWarpSpeed demos" /><br /> <h2><span lang="ru"><strong>ДЕМО урока (нажмите на ссылки ниже)</strong></span></h2> <img src="help.png" alt="Click on lnks to open 'documents' in tabs" style="position:absolute;left:-170px; top:200px;" /> </div> <div id="main"> <div id="doclist"> <h2>Documents</h2> <ul id="documents"> <li><a href="#" rel="Document1" title="This is the content of Document1">Document1</a></li> <li><a href="#" rel="Document2" title="This is the content of Document2">Document2</a></li> <li><a href="#" rel="Document3" title="This is the content of Document3">Document3</a></li> <li><a href="#" rel="Document4" title="This is the content of Document4">Document4</a></li> <li><a href="#" rel="Document5" title="This is the content of Document5">Document5</a></li> </ul> </div> <div id="wrapper"> <ul id="tabs"> <!-- Tabs go here --> </ul> <div id="content"> <!-- Tab content goes here --> </div> </div> </div> </body> </html>
  8. Здравствуйте ! Вот страничка в работе http://zzz.ho.ua/
  9. Здравствуйте ! Помогите разобраться с вкладками ! Задача в том, что бы к кнопкам Document1, Document2, Document3, Document4, Document5 привязать выполнение какого либо действия, тоесть не просто вывод текстовой информации а например загрузка картинки или xml файла. Заранее благодарен вам за помощь ! Вот пример самой странички с вкладками http://zzz.ho.ua/ Вот html код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Dynamic tabs with jQuery - why and how to create them | JankoAtWarpSpeed Demos</title> <style type="text/css"> body { font-family:Lucida Sans, Lucida Sans Unicode, Arial, Sans-Serif; font-size:13px; margin:0px auto;} #tabs { margin:0; padding:0; list-style:none; overflow:hidden; } #tabs li { float:left; display:block; padding:5px; background-color:#bbb; margin-right:5px;} #tabs li a { color:#fff; text-decoration:none; } #tabs li.current { background-color:#e1e1e1;} #tabs li.current a { color:#000; text-decoration:none; } #tabs li a.remove { color:#f00; margin-left:10px;} #content { background-color:#e1e1e1;} #content p { margin: 0; padding:20px 20px 100px 20px;} #main { width:900px; margin:0px auto; overflow:hidden;background-color:#F6F6F6; margin-top:20px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:30px;} #wrapper, #doclist { float:left; margin:0 20px 0 0;} #doclist { width:150px; border-right:solid 1px #dcdcdc;} #doclist ul { margin:0; list-style:none;} #doclist li { margin:10px 0; padding:0;} #documents { margin:0; padding:0;} #wrapper { width:700px; margin-top:20px;} #header{ background-color:#F6F6F6; width:900px; margin:0px auto; margin-top:20px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:30px; position:relative;} #header h2 {font-size:16px; font-weight:normal; margin:0px; padding:0px;} </style> <script type="text/javascript" src="jquery-1.4.min.js" ></script> <script type="text/javascript"> $(document).ready(function() { $("#documents a").click(function() { addTab($(this)); }); $('#tabs a.tab').live('click', function() { // Get the tab name var contentname = $(this).attr("id") + "_content"; // hide all other tabs $("#content p").hide(); $("#tabs li").removeClass("current"); // show current tab $("#" + contentname).show(); $(this).parent().addClass("current"); }); $('#tabs a.remove').live('click', function() { // Get the tab name var tabid = $(this).parent().find(".tab").attr("id"); // remove tab and related content var contentname = tabid + "_content"; $("#" + contentname).remove(); $(this).parent().remove(); // if there is no current tab and if there are still tabs left, show the first one if ($("#tabs li.current").length == 0 && $("#tabs li").length > 0) { // find the first tab var firsttab = $("#tabs li:first-child"); firsttab.addClass("current"); // get its link name and show related content var firsttabid = $(firsttab).find("a.tab").attr("id"); $("#" + firsttabid + "_content").show(); } }); }); function addTab(link) { // If tab already exist in the list, return if ($("#" + $(link).attr("rel")).length != 0) return; // hide other tabs $("#tabs li").removeClass("current"); $("#content p").hide(); // add new tab and related content $("#tabs").append("<li class='current'><a class='tab' id='" + $(link).attr("rel") + "' href='#'>" + $(link).html() + "</a><a href='#' class='remove'>x</a></li>"); $("#content").append("<p id='" + $(link).attr("rel") + "_content'>" + $(link).attr("title") + "</p>"); // set the newly added tab as current $("#" + $(link).attr("rel") + "_content").show(); } </script> </head> <body> <div id="header"> <img src="logo.jpg" alt="JankoAtWarpSpeed demos" /><br /> <h2><span lang="ru"><strong>ДЕМО урока (нажмите на ссылки ниже)</strong></span></h2> <img src="help.png" alt="Click on lnks to open 'documents' in tabs" style="position:absolute;left:-170px; top:200px;" /> </div> <div id="main"> <div id="doclist"> <h2>Documents</h2> <ul id="documents"> <li><a href="#" rel="Document1" title="This is the content of Document1">Document1</a></li> <li><a href="#" rel="Document2" title="This is the content of Document2">Document2</a></li> <li><a href="#" rel="Document3" title="This is the content of Document3">Document3</a></li> <li><a href="#" rel="Document4" title="This is the content of Document4">Document4</a></li> <li><a href="#" rel="Document5" title="This is the content of Document5">Document5</a></li> </ul> </div> <div id="wrapper"> <ul id="tabs"> <!-- Tabs go here --> </ul> <div id="content"> <!-- Tab content goes here --> </div> </div> </div> </body> </html>
  10. Как можно воспроизвести звук при нажатии на кнопку ??? Кто то может знает как это можно сделать? Вот мои кнопки <p id='kino'>Кино</p> <p id='kartinki'>Картинки</p> <p id='music'>Музыка</p>
  11. Сделал сайт. На компьютере работает все хорошо и на мозиле и на гугл хром и на интернет експлоер и даже на нетскейп навигатор. Загрузил файлы на хост и появилась проблемма. IE и Гугл Хром отображают все хорошо а вот мозила и нетскейп навигатор вместо русского выдают иероглифы ! Помогите разобраться пожалуйста. В чем может быть проблемма ?
  12. Есть три области, div_left, div_center, div_right. В div_left находяться ссылки, в div_center выводиться основная информация а в div_right находиться например рекламма. При уменьшении окна браузера div_right уходит вниз !!!!! div_left в котором находяться ссылки также уменьшается до безобразия. Задача: оставить неизменными div_left и div_right при изменении размера окна браузера, div_center может меняться в ширину. Заранее Благодарю за ответ !!!
  13. Как установить вертикальную полосу прокрутки слева и изменить ее цвет и размеры ???
  14. Пожалуйста объясните мне хоть на простом примере как это делать !!! Вот примерный мой код (я нацарапал самый простой) <html> <div id="div_1"> <a href="http://..........">Фото</a> <a href="http://..........">Кино</a> <a href="http://..........">Музыка</a> </div> <div id="div_2"> </div> </html> Задача следующая: что бы при нажатии на ссылку в div_2 подгружалась страничка ну например с перечнем фильмов (films.html) Пожалуйста потратьте на меня немного своего времени, я буду ОЧЕНь ВАМ ПРИЗНАТЕЛЕН !!!!!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy