Динамичное изображение по переносимым параметрам

vfp7 · December 10, 2010

hi

Хоть лопни, но не могу заставить заработать отображение данных с видеокамеры.

На главной странице системы видеонаблюдения размещена таблица с уменьшенным изображением потока от камер наблюдения, при клике по картинке камеры, вызывается новое окно с передачей в виде параметра строки порта сервера ( для разных камер он разный, вида view.html?port=8081 ), которое должно отобразить увеличенную картинку с этой камеры

Порт передается без проблем, а на странице не могу отобразить объект img src с url склееным из адреса сервера и переданного номера порта

Код этой страницы:

<head>

function getParam(sParamName){

var Params = location.search.substring(1).split("&"); // отсекаем «?» и вносим переменные и их значения в массив

var variable = "";

for (var i = 0; i < Params.length; i++){ // пробегаем весь массив

if (Params.split("=")[0] == sParamName){ // если это искомая переменная — бинго!

if (Params.split("=").length > 1) variable = Params.split("=")[1]; // если значение параметра задано, то возвращаем его

return variable;

}

return "";

}

</script>

</head>

<body>

<br>

<img style="width: 640px; height: 480px;" alt="camera" src="http://security:" +getparam(port) > // ЗДЕСЬ КАК Я ПОНИМАЮ И НЕ ОТРАБАТЫВАЕТ

<br>

</body>

</html>

Vlad · December 10, 2010

В HTML нет значения getparam, надо выводить img целиком через JS.

vfp7 · December 10, 2010

Заковырка в том, что отдельно src="http://security:8081" и getparam(port) отрабатывают, а вот как их подружить между собой ...

Перелопатил инет, и понял что никто еще не делал это

Edited December 10, 2010 by vfp7

Vlad · December 10, 2010

Я аж поперхнулся, как же никто не делает!

/* <![CDATA[ */

document.write('<p><img style="width: 640px; height: 480px;" alt="camera" src="http://security:'+getParam(80)+'"></p>');

/* ]]> */

</script>

Еще раз повторюсь, функции JS нельзя втупую вставлять в HTML-код.

vfp7 · December 13, 2010

Я аж поперхнулся, как же никто не делает!
<script type="text/javascript">
/* <![CDATA[ */
document.write('<p><img style="width: 640px; height: 480px;" alt="camera" src="http://security:'+getParam(80)+'"></p>');
/* ]]> */
</script>
Еще раз повторюсь, функции JS нельзя втупую вставлять в HTML-код.

Огромное спасибо!

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

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

Еще раз огромное спасибо, теперь дело пойдет дальше ...

vfp7 · December 13, 2010

Всем кому это интересно, конечный ( на данный момент ) работоспособный код (вызывается из родительской страницы по ссылке вида "view.html?port=8081" ), отображает вид с камеры в новой вкладке, при клике мышью - закрывается это окно. Тему можно считать закрытой, еще раз большое спасибо, продолжаю кодировать другие функции системы видеонаблюдения и отшлифовывать код этой страницы:

<head>

<title>Просмотр камеры</title>

</head>

<body onclick="java script:window.close()"

style="color: white; background-color: black;" alink="#000099"

link="#000099" vlink="#990099">

<br>

/* <![CDATA[ */

document.write('<p><img style="width: 640px; height: 480px;" alt="camera" src="http://security:'+location.search.substring(1).split("=")[1]+'"></p>' );

/* ]]> */

</script>

<br>

</body>

</html>

Sign In

Динамичное изображение по переносимым параметрам

Question

vfp7

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

vfp7

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

vfp7

Link to comment

Share on other sites

vfp7

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information