Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116

Открыть новую тему     Написать ответ в эту тему

Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BennyBlanco
да хоть так
http://jsfiddle.net/LdC8x/

Код:
$(document).ready(function(){
    $('.video').each(function(){
       var data = Base64.encode($(this).text());
       var newHtml = '<object type="application/x-shockwave-flash" data="ставлю путь" width="100%"  height="100%"> <param name="flashvars" value="st=ставлю стиль&file=ставлю путь+'+data+'+ставлю расширение видео" ></param></object>';
       $(this).html(newHtml);
    });
});

не забываем подключить http://www.webtoolkit.info/djs/webtoolkit.base64.js или сохранить его локальную копию и подключить со своего сервера

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 04:39 21-07-2013
BennyBlanco



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Супер, все работает! Cheery
 
 
Добавлено:
проверьте  Л.С. Спасибо большое!

Всего записей: 1992 | Зарегистр. 17-09-2009 | Отправлено: 05:03 21-07-2013 | Исправлено: BennyBlanco, 05:09 21-07-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:
// Mouse Movement Begin
// Determine browser and version.
function Browser() {
  var ua, s, s2, i;
  this.isIE    = false;
  this.isNS    = false;
  this.version = null;
  ua = navigator.userAgent;
  s = "MSIE";
  s2 = "Opera";
  if (((i = ua.indexOf(s)) >= 0) || ((i = ua.indexOf(s2)) >= 0)) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }
  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }
 
  // Treat any other "Gecko" browser as NS 6.1.
 
  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }
}
 
var browser = new Browser();
 
// Global object to hold drag information.
var dragObj = new Object();
 
function dragStart(event, id) {
  nn++;
  dragObj.zIndex = nn;
  document.getElementById(id).style.zIndex = nn;
  dragObj.id=id;
  try{
          if(document.getElementById(dragObj.id).childNodes[1].childNodes[0].tagName.toLowerCase()=="iframe"){
            document.getElementById(dragObj.id).childNodes[1].style.backgroundColor="#F8F8F8";
            document.getElementById(dragObj.id).childNodes[1].childNodes[0].style.visibility="hidden";
          }
    }catch(ex1){/*ignore*/}
 
  var el;
  var x, y;
  // If an element id was given, find it. Otherwise use the element being
  // clicked on.
  if (id)
    dragObj.elNode = document.getElementById(id);
  else {
    if (browser.isIE)
      dragObj.elNode = window.event.srcElement;
    if (browser.isNS)
      dragObj.elNode = event.target;
    // If this is a text node, use its parent element.
    if (dragObj.elNode.nodeType == 3)
      dragObj.elNode = dragObj.elNode.parentNode;
  }
 
  // Get cursor position with respect to the page.
  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }
 
  // Save starting positions of cursor and element.
 
  dragObj.cursorStartX = x;
  dragObj.cursorStartY = y;
  dragObj.elStartLeft  = parseInt(dragObj.elNode.style.left, 10);
  dragObj.elStartTop   = parseInt(dragObj.elNode.style.top,  10);
 
  if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
  if (isNaN(dragObj.elStartTop))  dragObj.elStartTop  = 0;
 
  // Update element's z-index.
 
  dragObj.elNode.style.zIndex = ++dragObj.zIndex;
 
  // Capture mousemove and mouseup events on the page.
 
  if (browser.isIE) {
    document.attachEvent("onmousemove", dragGo);
    document.attachEvent("onmouseup",   dragStop);
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS) {
    document.addEventListener("mousemove", dragGo,   true);
    document.addEventListener("mouseup",   dragStop, true);
    event.preventDefault();
  }
}
 
var xx, yy;
function dragGo(event) {
 
//  var x, y;
 
  // Get cursor position with respect to the page.
 
  if (browser.isIE) {
    xx = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    yy = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    xx = event.clientX + window.scrollX;
    yy = event.clientY + window.scrollY;
  }
 
  // Move drag element by the same amount the cursor has moved.
 
  dragObj.elNode.style.left = (dragObj.elStartLeft + xx - dragObj.cursorStartX) + "px";
  dragObj.elNode.style.top  = (dragObj.elStartTop  + yy - dragObj.cursorStartY) + "px";
 
  if (browser.isIE) {
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS)
    event.preventDefault();
}
 
function dragStop(event) {
    PopUp[dragObj.id.substring(0,(dragObj.id.length-3))]["x"] = (dragObj.elStartLeft + xx - dragObj.cursorStartX);
    PopUp[dragObj.id.substring(0,(dragObj.id.length-3))]["y"] = (dragObj.elStartTop  + yy - dragObj.cursorStartY);
  try{
          if(document.getElementById(dragObj.id).childNodes[1].childNodes[0].tagName.toLowerCase()=="iframe"){
            document.getElementById(dragObj.id).childNodes[1].style.backgroundColor="#FFFFFF";
            document.getElementById(dragObj.id).childNodes[1].childNodes[0].style.visibility="visible";
          }
    }catch(ex2){/*ignore*/}
 
  // Clear the drag element global.
  dragObj.elNode = null;
 
  // Stop capturing mousemove and mouseup events.
  if (browser.isIE) {
    document.detachEvent("onmousemove", dragGo);
    document.detachEvent("onmouseup",   dragStop);
  }
  if (browser.isNS) {
    document.removeEventListener("mousemove", dragGo,   true);
    document.removeEventListener("mouseup",   dragStop, true);
  }
}// Mouse Movement End

 
не работает в IE11 Preview. может кто поможет ?
 
Добавлено:
или дождаться финала IE11 ?

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 00:32 29-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
дождаться финала IE11



----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:23 29-07-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:
1.
<!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">
 
 
2.
<!doctype html>

 
хотел спросить, можно ли в веб странице с помощью JavaScript'a Live переключать между HTML и HTML5 ?

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 22:49 29-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
можно ли в веб странице с помощью JavaScript'a Live переключать между HTML и HTML5 ?

нет (да и идея непонятная и ненужная)

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:56 29-07-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
мне собственно нужен на вебсайте участок для предпросмотра.
 
может както можно сделать на div или iframe ?

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 23:02 29-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
может както можно сделать на div или iframe ?

можно, смотря что.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:04 29-07-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Вы обрадовали меня  
 
вообщем если конкретнее, JavaScript, html и css будь то из textarea или editable div нужно сделать предпросмотр элеминтов, к примеру созданной кнопки в отдельном участке на веб странице.
 
можно ли в div это переключать ? если да то как ?

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 23:17 29-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
можно ли в div это переключать ? если да то как ?

"это" - что ? doctype нельзя.. но можно создать iframe и "записать" в него все как хочется
iframe, соответственно, можно открыть как шаблон с различным doctype
 

Код:
// create the iframe and attach it to the document
var iframe = document.createElement("iframe");
iframe.setAttribute("scrolling", "no");
iframe.setAttribute("frameborder", "0");
document.body.appendChild(iframe);
 
// find the iframe's document and write some content
var idocument = iframe.contentDocument;
idocument.open();
idocument.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"   \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">");
idocument.write("<html>");
idocument.write("<head></head>");
idocument.write("<body>this is the iframe</body>");
idocument.write("</html>");
idocument.close();


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:20 29-07-2013 | Исправлено: Cheery, 23:21 29-07-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
спасибо, Cheery

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 23:27 29-07-2013 | Исправлено: vs6262, 21:16 06-08-2013
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
а можно опросить об браузер поддерживает HTML5 в виде true false ? если да то как ?

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 21:16 06-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
true false

var html5 = !!document.createElement('canvas').getContext;

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 21:18 06-08-2013
BennyBlanco



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Вы мне дали выше скрипт, он мне пригодился и для другой цели:
<div class="video">http://vk.com/video_ext.php?oid=135420456&id=163726962&hash=48e356e59d616329</div>
 

Код:
$(document).ready(function(){  
     $('.video').each(function(){  
        var data = ($(this).text());  
        var newHtml = '<iframe src="'+data+'" width="607" height="360" frameborder="0"></iframe>';  
        $(this).html(newHtml);  
     });  
 });

 
Теперь хотелось бы, чтоб все было как сейчас, только ссылка  
http://vk.com/video_ext.php?oid=135420456&id=163726962&hash=48e356e59d616329  
была не в диве, а в каком то другом месте. Например в комментарии:
<!--http://vk.com/..-->
или  
в <div  data-foo-bar="http://vk.com/.."></div>
вот здесь нашел http://habrahabr.ru/post/139210/
или может есть какие другие варианты? просто нужно чтоб поисковик не видел, или просто не учитывал ссылку.
 
Можно такое сделать?

Всего записей: 1992 | Зарегистр. 17-09-2009 | Отправлено: 23:01 06-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BennyBlanco
с комментариями плохо - к ним доступ получить сложнее.
 

Цитата:
в <div  data-foo-bar="http://vk.com/.."></div>  

ну и делается все аналогично, только $(this).text() меняется на $(this).attr('data-foo-bar')

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:05 06-08-2013
BennyBlanco



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Я опять шокирован столь быстрым ответом
Спасибо, работает то что нужно!
А еще есть какие другие варианты?

Всего записей: 1992 | Зарегистр. 17-09-2009 | Отправлено: 23:16 06-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BennyBlanco

Цитата:
А еще есть какие другие варианты?

да вариантов полно, но если работает, то зачем менять?  


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:17 06-08-2013
BennyBlanco



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Да я просто интересуюсь, может есть лучший вариант. Меня этот вариант устраивает поисковик ведь не учитывает текст в варианте с data-* ?

Всего записей: 1992 | Зарегистр. 17-09-2009 | Отправлено: 23:22 06-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BennyBlanco

Цитата:
Меня этот вариант устраивает поисковик ведь не учитывает текст в варианте с

но страница может не пройти валидацию.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:22 06-08-2013
BennyBlanco



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery

Цитата:
но страница может не пройти валидацию.

Ну это не страшно ). А какой есть вариант чтоб прошла?  
 
Добавлено:
В общем вариант с дата вполне устраивает, а главное работает.
Вот у меня возник еще вопрос иногда встречаю скрипт обрамляют в комментарий, зачем и что это дает? (кроме того что он перестает работать)
например:
<script type="text/javascript" ><!--$(document).ready(function(){video_load('http://video.yandex.ru/users/centrofun/view/23/', 'e12249ed1eaf3', [video_html], false, videoscript_domain);});//--></script>

Всего записей: 1992 | Зарегистр. 17-09-2009 | Отправлено: 23:25 06-08-2013 | Исправлено: BennyBlanco, 00:16 07-08-2013
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru