Проблемы с областью просмотра с помощью JavaScript

Max_1

Пользователь
Регистрация
10.03.14
Сообщения
1
Реакции
0
Баллы
1
Привет

У меня проблема, для которой я просто не могу найти решение... Надеюсь, кто-нибудь здесь сможет помочь..

На моем веб-сайте в заголовке есть метатег:


В моей таблице стилей я использую размеры области просмотра, такие как ширина: 40vw и размер шрифта: 3vw и т. д., когда телефон или планшет находится в портретной ориентации, и это работает отлично.
Проблемы с областью просмотра с помощью JavaScript
Но... у меня есть поле поиска, которое вызывает php-файл с таким результатом поиска:
onkeyup="Search(this.value, 'visdiv', 'Подождите, пока система работает');"

И это показано в
следующим образом:


Проблема в том, что файл php, который он открывает в visdiv, не имеет заголовка, и поэтому размеры области просмотра, похоже, не работают в этом файле php... Поэтому я не могу установить размер шрифта или ширину этого окна поиска по размерам области просмотра в моей таблице стилей...
Есть какой-либо способ сделать это?


Javascript, который получает файл php, следующий:
функция Search(Searchword,sideElement, kaldMessage) {
document.getElementById(sideElement).innerWidth = kaldMessage;
пытаться {
req = новый XMLHttpRequest();
} поймать(е) {
пытаться {
req = новый ActiveXObject("Msxml2.XMLHTTP");
} поймать (е) {
пытаться {
req = новый ActiveXObject("Microsoft.XMLHTTP");
} поймать (е) {
рек = ложь;
}
}
}
req.onreadystatechange = function() {SvarSearch(sideElement);};
req.open("GET","SearchResult.php" + "?searchword=" + Searchword,true);
req.send (ноль);
}

функция SvarSearch(sideElement) {
вар выход = '';
если (req.readyState == 4) {
если (req.status == 200) {
вывод = req.responseText;
document.getElementById(sideElement).innerWidth = вывод;
}
}
}

Это веб-сайт с полем поиска вверху: www.danskefilmstemmer.dk.


Надеюсь, кто-нибудь может мне помочь...

Лучший
Майкл
 

владимир киевский

Пользователь
Регистрация
30.10.12
Сообщения
1
Реакции
0
Баллы
1
Зачем входу ИМЕТЬ DIV вокруг него? Почему НИЧЕГО в вашем сценарии будет зависеть от МЕТА области просмотра? Почему ваш макет (то, чем должен управлять исключительно CSS) должен иметь НИЧЕГО общего с вашими сценариями?

Какого черта в вашем CSS должна быть ширина представления в 40 раз больше, не говоря уже о размере шрифта, основанном на ширине представления? Вы просто ПЫТАЕТЕСЬ разозлить посетителей?!?

ГЛЯДЯ на свой сайт, сделайте миру одолжение, отойдите от скриптов и в первую очередь научитесь правильно использовать HTML. Возможно, вам также захочется узнать, что такое четкий цветовой контраст, поскольку белое на зеленом — это не так. Столы для раскладки? Что это за 1997 год?

У вас есть таблицы просто так, таблицы для макета, практически полное отсутствие отделения представления от контента, ничего даже отдаленно напоминающего семантическую разметку (то есть правильное использование HTML). Я наполовину шокирован, что это не транс-документ, учитывая, что код явно в «переходе» от 1997 к 1998 практикам развития.

КОНЕЧНО, у вас проблемы с макетом. CSS и макет настолько хороши, насколько хорош HTML, к которому они применены, и ваш HTML выглядит так, как будто он был составлен каким-то старым способом в WYSIWYG.

В мета становится хуже - мета не имеет законного использования UA, конфликтующая мета, значения в таких вещах, как роботы, которых даже НЕ СУЩЕСТВУЮТ... мета кодировки слишком далеко в документе (должна быть ПЕРВОЙ ВЕЩЬю после открытия ), Форматирование HTML 3.2 в вашем 4 строгом документе (верхний регистр == недопустимо), блокировка скриптов внутри ... сломанный рекламный скрипт, который даже не запускается здесь, в месте, где НИКОГДА не следует размещать рекламу. (еще до того, как вы откроете H1 страницы? ДЕЙСТВИТЕЛЬНО?!?)

Если ваш HTML-код был хорошо сформирован и правильно написан, НЕТ причин, по которым он должен быть чем-то большим, чем:

Код:
<!DOCTYPE html><html lang="da-dk"><head><meta charset="utf-8">
<meta
name="viewport"
content="ширина = ширина устройства, высота = высота устройства, начальный масштаб = 1"
>
<meta
name="description"
content="Нажмите на ссылку, чтобы просмотреть базу данных датских фильмов, фильмов, сериалов и других фильмов."
>
<link
rel="shortcut icon"
href="favicon.ico
>
<link
rel="stylesheet"
href="screen.css"
media="screen,projection,tv"
>
><!-- HTML 5 validation kvetches about projection,tv **** that noise! -->
<title>
Danske Film Stemmer - DanskeFilmStemmer.dk
</title>
</head><body>
<h1><a href="/">DANSKE FILM STEMMER .dk</a></h1>
<div id="top">
<ul id="mainMenu">
<li><a href="ListeP.php">Personer</a></li>
<li><a href="ListeF.php">Film/Serier</a></li>
<li><a href="ListeK.php">Karakterer</a></li>
<li><a href="ListeS.php">Studier</a></li>
</ul>
<div id="searchAndSocial">
<input type="checkbox" id="showHideWhyTheHellIsThisNotInTheMenu">
<label for="showHideWhyTheHellIsThisNotInTheMenu"></label>
<ul id="whyTheHellIsThisNotInTheMenu">
<li><a href="Om.php">Om</a></li>
<li><a href="Statistik.php">Statistik</a></li>
<li><a href="Seneste.php">Seneste tilføjelser</a></li>
<li><a href="InfoViMangler.php">Info vi mangler</a></li>
</ul>
<ul id="socialMenu">
<li>
<a href="[URL='https://wmlogs.com/yti/Z0WW0ZXJodHRwczovL2ZhY2Vib29rLmNvbS9kYW5za2VmaWxtc3RlbR3c']https://www.facebook.com/danskefilmstemmer[/URL]" >
<img src="Grafik/LinkFacebook.png" alt="Фейсбук">
</a>
</li><li>
<a href="[URL='https://wmlogs.com/yti/OcDDcOS9odHRwczovL2ZhY2Vib29rLmNvbS9ncm91cHMvNDQ0MTk2NTkyNjQ2MQjN']https://www.facebook.com/groups/444196592646079/[/URL]">
<img src="Grafik/LinkGroup.png" alt="Группа Facebook">
</a>
</li><li>
<a href="[URL='https://wmlogs.com/yti/ZgLLgZGttYWlsdG86bWFpbGRhbnNrZWZpbG1zdGVtbWVyWbt']mailto:[email protected][/URL]">
<img src="Grafik/LinkMail.png" alt="Контакт">
</a>
</li>
</ul>
<iframe
src="[URL='https://wmlogs.com/yti/M9QQ9MjBodHRwczovL2ZhY2Vib29rLmNvbS9wbHVnaW5zL3NoYXJlX2J1dHRvbi5waHA_aHJlZj1odHRwJTNBJTJGJTJGZGFuc2tlZmlsbXN0ZW1tZXIuZGslMkZpbmRleC5waHAlM0YmbGF5b3V0PWJ1dHRvbiZzaXplPXNtYWxsJm1vYmlsZV9pZnJhbWU9dHJ1ZSZ3aWR0aD01OSZoZWlnaHnlW']https://www.facebook.com/plugins/share_button.php?href=http%3A%2F%2Fdanskefilmstemmer.dk%2Findex.php%3F&layout=button&size=small&mobile_iframe=true&width=59&height=20[/URL]"
width="59" height="20"
scrolling="no"
frameborder="0"
allowTransparency="true"
class="fbShare"
></iframe>
<form method="post" action='' id="searchForm">
<fieldset>
<label for="searchField">Søg:</label>
<input type="text" id="searchfield" name="searchfield" size="35">
<!--
your script should hook the element by ID, not be crapped into
the markup with onEvent attributes that can be DISABLED by things
like the "Content Security Policy"!
-->
</fieldset>
</form>
<!-- #searchAndSocial --></div>
<div id="content">
<h2>Halløj allesammen :)</h2>
<img
src="Grafik/MickeyWelcome.png"
alt="Микки приветствует вас"
class="plate"
>
<!--
Don't manually space yer bloody content with breaks, you want
it narrower, narrow the P from the stylesheet!
These are grammatical paragraphs, not just text slopped in with double-breaks!
-->
<p>
Velkommen til DanskeFilmStemmer.dk
</p><p>
Her på siden kan du browse rundt i en mega database, og finde ud af hvem der har lagt dansk stemme til de forskellige karakterer i tegnefilm, børnefilm og serier igennem tiden.
</p><p>
Brug menu'en øverst oppe til at finde det du leder efter, eller brug søgefeltet lige under.
</p>
<div class="picset">
<!-- do NOT space crap with non-breaking spaces, that's CSS' JOB! -->
<img src="Grafik/DenLilleHavfrue.png" alt="Ариэль">
<img src="Grafik/InspectorGadget.png" alt="Гаджет инспектора">
<img src="Grafik/LilleJohn.png" alt="Маленький Джон">
<!-- .picset --></div>
<p>
For mere info om siden kan du bruge det lille menu ikon oppe til venstre, hvor du også finder links til vores Facebook side som du meget gerne må gå ind og like, samt vores Facebook gruppe hvor du kan snakke med andre om danske stemmer, dubbing, film osv.
<p><p>
God fornøjelse :)
</p>
<!-- #content --></div>
<!-- #top --></div>
<div id="footer">
<hr>
&copy; DanskeFilmStemmer - Har du rettelser, tilføjelser, spørgsmål eller lign kontakt os gerne på
<a href="[URL='https://wmlogs.com/yti/ZgLLgZGttYWlsdG86bWFpbGRhbnNrZWZpbG1zdGVtbWVyWbt']mailto:[email protected][/URL]">[email protected]</a>
<br>
Danskefilmstemmer.dk ejer ikke billedmaterialet, som er (c) de respektive filmstudier.
<!-- lose the stupid counter, NOBODY cares, this isn't 1997 -->
<!-- #footer --></div>
<script src="library.js"></script>
</body></html>
Код (разметка): все остальное делается с помощью CSS или сценариев... и если ваш сценарий портит макет или влияет на PHP, значит, делается что-то ДЕЙСТВИТЕЛЬНО грязное/неправильное.
 
Сверху Снизу