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

Max_1

Привет У меня проблема, для которой я просто не могу найти решение.

Надеюсь, кто-нибудь здесь сможет помочь.. На моем веб-сайте в заголовке есть метатег: В моей таблице стилей я использую размеры области просмотра, такие как ширина: 40vw и размер шрифта: 3vw и т. д., когда телефон или планшет находится в портретной ориентации, и это работает отлично.

Но... у меня есть поле поиска, которое вызывает php-файл с таким результатом поиска:

onkeyup="Search(this.value, 'visdiv', 'Подождите, пока система работает');"

И это показано в

следующим образом:

Проблема в том, что файл php, который он открывает в visdiv, не имеет заголовка, и поэтому размеры области просмотра, похоже, не работают в этом файле php.

Поэтому я не могу установить размер шрифта или ширину этого окна поиска по размерам области просмотра в моей таблице стилей...

Есть какой-либо способ сделать это?

Javascript, который получает файл php, следующий:

функция Search(Searchword,sideElement, kaldMessage) {

document.getElementById(sideElement).innerWidth = kaldMessage;

пытаться {

req = новый XMLHttpRequest(); /* ф.экс.

Fire Fox */

} поймать(е) {

пытаться {

req = новый ActiveXObject("Msxml2.XMLHTTP"); /* IE-версия */

} поймать (е) {

пытаться {

req = новый ActiveXObject("Microsoft.XMLHTTP"); /* IE-версия */

} поймать (е) {

рек = ложь;

}

}

}

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

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

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

Зачем входу ИМЕТЬ 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://lumtu.com/yti/Z0WW0ZXJodHRwczovL2ZhY2Vib29rLmNvbS9kYW5za2VmaWxtc3RlbR3c']https://www.facebook.com/danskefilmstemmer[/URL]" >


<img src="Grafik/LinkFacebook.png" alt="Фейсбук">


</a>


</li><li>


<a href="[URL='https://lumtu.com/yti/OcDDcOS9odHRwczovL2ZhY2Vib29rLmNvbS9ncm91cHMvNDQ0MTk2NTkyNjQ2MQjN']https://www.facebook.com/groups/444196592646079/[/URL]">


<img src="Grafik/LinkGroup.png" alt="Группа Facebook">


</a>


</li><li>


<a href="[URL='https://lumtu.com/yti/ZgLLgZGttYWlsdG86bWFpbGRhbnNrZWZpbG1zdGVtbWVyWbt']mailto:[email protected][/URL]">


<img src="Grafik/LinkMail.png" alt="Контакт">


</a>


</li>


</ul>


<iframe






src="[URL='https://lumtu.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://lumtu.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, значит, делается что-то ДЕЙСТВИТЕЛЬНО грязное/неправильное.

Екатерина26

Возможно, там опечатка, кодирование диска и все такое, но это должно дать вам общее представление.

НА ПРАКТИКЕ у меня, вероятно, вообще не было бы DIV для вывода в разметке, поскольку это элемент только для сценариев.

Если он существует только для сценариев поведения, он не имеет никакого отношения к HTML.

Добавьте его из сценария с помощью document.createElement и Element.appendChild. Конечно, все это было бы намного проще, если бы у вас там не было таблиц для верстки/таблиц просто так. Я добавил задержку в 300 мс перед запуском поиска, чтобы не загружать параллельные запросы.

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

rockettohell

Прежде всего, вам действительно стоит поработать над своим языком.

Я не понимаю, зачем вам грубить... У всего есть причина.

размеры области просмотра были придуманы для того, чтобы веб-сайт выглядел одинаково на всех смартфонах, независимо от разрешения, и он работает отлично.

размеры области просмотра довольно новые, поэтому я не понимаю, почему вы думаете, что это так.

старая мода.

Значит, они изобретают то, что никто не будет использовать? Мета-теги для роботов соответствуют описанию Google.

Ссылки на социальные сети отсутствуют в меню, потому что прямо внизу больше места, с узким окном просмотра.

Ручные разрывы вместо связаны с тем, что я хочу контролировать, где я хочу, чтобы линия прерывалась, потому что я думаю, что это выглядит приятнее.

Не вижу в этом проблемы.

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

Не понимаю, что вы имеете в виду... Как уже говорилось, CSS отлично работает на всех платформах всего сайта.

Это только часть javascript, где область просмотра не работает.

Итак, попытайтесь понять мой вопрос.

Я решил использовать функцию области просмотра, и она работает.

Как мне заставить ее работать на странице, загружаемой через JavaScript? Это не имеет ничего общего с остальной частью моей страницы, поскольку работает очень хорошо...

Похожие темы	Дата
Книга Jquery Trickshots	19.10.2024, 18:10
Webformyself - Fullstack-мастер. Разработка Crm-системы На Node.js, Express, Angular6	19.10.2024, 18:10
[Udemy] JavaScript - The Complete Guide 2020 (Beginner + Advanced)	19.10.2024, 18:10
Игры На Javascript	19.10.2024, 18:10
Lynda.com - Практика И Эффективность Javascript (2009)	19.10.2024, 18:10
создать веб-страницу из файла конфигурации	19.10.2024, 18:10
window.open с помощью среднего щелчка мыши	19.10.2024, 18:10
Измените слова с помощью jQuery ~ ChangeTheWords: плагин jQuery	19.10.2024, 18:10
включение клавиатуры	19.10.2024, 18:10
Flatpickr первый день недели в понедельник и сокращенно CurrentMonth	19.10.2024, 18:10

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

Max_1

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

Екатерина26

rockettohell

I AM

Интересно