WEB страница

maloir · 07-08-2018, 14:59:42

Здравствуйте уважаемые форумчане подскажите как сделать.
Имеется веб инетерфейс, интерфейс представляет страницу html типа такого:
[spoiler]
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body onload=bodyLoad() style=background-color:#00bebe>
<input type=button onClick="location.href='setuphw.html'" value='<--- Назад'></td>
<center>

<embed src="FAO.pdf" width="700" height="550" />

</center>
</body>

</html>

[/spoiler]

для этой страницы нужно сделать фон, фон должен быть рисунком. Сейчас фон просто цвет. В чем именно проблема. Это не сайт, это страница программы. То есть есть некое устройство: ESP8266 оно выполняет функции, но отображает процесс в браузере. весь процесс происходит в браузере. Для отображения работы написаны несколько страниц html . Сами страницы загружаются в в это устройство и когда включаешь устройство и заходишь в браузер вводишь IP адрес устройства и устройство передает в браузер эти html страницы. Не знаю понятно ли объяснил.

С уважением

alexakap · 07-08-2018, 17:25:18

Код Выделить

<html>
 <head>
  <meta charset="utf-8">
  <style>
   body {
    background-image: url(images/bg.jpg); Путь к фоновому изображению
    background-color: #c7b39b; Цвет фона
   }
  </style>
   </head>
 <body>

  скрипт

 </body>
</html>

Ещё http://htmlbook.ru/css/background-image

maloir · 07-08-2018, 18:15:21

Спасибо за помощь, но не работает.

alexakap · 07-08-2018, 18:25:49

Цитата: maloir от 07-08-2018, 18:15:21
Спасибо за помощь, но не работает.

Попробуйте по очереди добавить двoйные и одинарные кавычки в урл

background-image: url("images/bg.jpg")
background-image: url('images/bg.jpg')

Также смотрми на правильность директории где лежит картинка

Если не помогает, попробуйте подключить стили в секции head так

<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="/css/style.css">
</head>
<body>

скрипт

</body>
</html>

Соответственно нужно создать файл style.css, где прописать

body {
background-image: url(img/a.png);
}

maloir · 07-08-2018, 18:45:09

Все это перепробовано. ни чего не получается не могу понять почему. Пробовал и стили по линку подключать, но и стилеий не видит, видно тут какой то путь заковыристый. Например переход от одного html прописан на кнопки, так:
<input type=button onClick="location.href='1SetUp.html'" value='Настройка каналов и групп'> все работает нажимая на кнопку переходишь на страницу, подключаю страницу FAO аналогично не получается....
Может скрипт подключаемый как то все это регулирует?
Скрипт
[spoiler]
<script src=sslac.js>
</script>
<script>set_rest("EmLight=0",_ip);var info1,info;var foundedNet=[];var Sensors=[];info=get_rest("info=",_ip);dоcument.getElementById("hostname").innerHTML="<input id='_host'type='text' value="+info[1][15]+" onchange=set_hn(this) > ";setInterval(getInfo1,1000);function getInfo1(){info1=get_rest("info=1",_ip);dоcument.getElementById("pSDA").value=info1[1][0];dоcument.getElementById("pSCL").value=info1[1][1];dоcument.getElementById("pwmFreq").value=info1[1][2];if(info1[2][5]==0){dоcument.getElementById("ipaddr").innerHTML=info1[2][3];dоcument.getElementById("ssid").innerHTML="Not connected";dоcument.getElementById("discon").disabled=true}else{dоcument.getElementById("ipaddr").innerHTML=info1[2][3];dоcument.getElementById("ssid").innerHTML=info1[2][2];dоcument.getElementById("discon").disabled=false}var a="";if(info1[0][0]<10){a="0"+info1[0][0]+":"}else{a=info1[0][0]+":"}if(info1[0][1]<10){a+="0"+info1[0][1]+":"}else{a+=info1[0][1]+":"}if(info1[0][2]<10){a+="0"+info1[0][2]}else{a+=info1[0][2]}dоcument.getElementById("curTime").innerHTML=a;dоcument.getElementById("tz").value=(info1[0][3]-127)/10;var b=dоcument.getElementById("fileUpload");if(b.action=="file:///upload"){b.action="http://"+_ip+"/upload"}if(info[6][4]==1){dоcument.getElementById("isHidePassword").checked=true}}getInfo1();getNet();setSensor();function setSensor(){for(i=0;i<info1[3][0];i++){Sensors=get_rest("temp="+i,_ip);dоcument.getElementById("index"+i).innerHTML=Sensors[8];dоcument.getElementById("stemp"+i).innerHTML=Sensors[9]/1000;dоcument.getElementById("sname"+i).innerHTML="<input id='_name"+i+"' onchange=\"sensorName(this)\" type='text' value="+Sensors[10]+"> "}}function sensorName(a){set_rest("temp="+a.id.substring(5)+"&="+a.value,_ip)}function fillNet(){var a=dоcument.getElementById("wifi");while(a.length!=0){a.remove(a.lengt)}for(i=0;i<foundedNet.length;i++){var b=dоcument.createElement("option");b.text=foundedNet;b.value=;a.add(b)}}function connect(){var b=foundedNet[dоcument.getElementById("wifi").value];var a=prompt("Please enter password for "+b+" network");post_rest("ssid="+b+"&passwd="+a,_ip);getInfo1();getNet()}function scаn(){alert("Please wait when scаn finished");scаn_wifi()}function scаn_wifi(){info1[2][4]=get_rest("wifi=",_ip);getNet()}function getNet(){for(i=0;i<info1[2][4];i++){foundedNet=get_rest("wifi="+i,_ip)[0]}foundedNet=array_unique(foundedNet);fillNet()}function disconnect(){get_rest("wifi=disconnect",_ip);getInfo1();getNet()}function fPC(){var a=new Date();set_rest("time=&h="+a.getHours()+"&m="+a.getMinutes()+"&s="+(a.getSeconds()+1),_ip)}function ntp(){set_rest("time=ntp",_ip)}function set_save_time(a){val=parseFloat(dоcument.getElementById("tz").value);tz=val;val=val*10+127;set_rest("&time=&tz="+val,_ip)}function _isHidePassword(){if(dоcument.getElementById("isHidePassword").checked){alert("Dont froget you default password !!!");set_rest("isHidePassword=1",_ip);info[6][4]=1}else{set_rest("isHidePassword=0",_ip);info[6][4]=0}}function scаn_sens(){set_rest("1wire=rescаn",_ip)}function clear_sens(){set_rest("1wire=clear",_ip)}function set_val(a){var b=dоcument.getElementById(a).value;set_rest(a+"="+b,_ip)}function array_unique(b){var a=[];for(var c=0;c<b.length;c++){if(a.indexOf(b[c])==-1){a.push(b[c])}}return a}function set_hn(a){set_rest("hostname="+a.value)};
</script>

[/spoiler]

alexakap · 07-08-2018, 19:09:00

Эт обычный хтмл, должно все работать. Может с путями проблемы, может кэш почистить надо, х.з

WEB страница

maloir

alexakap

maloir

alexakap

maloir

alexakap