Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Проблем с javascript

4 октомври 201114 г.

Самия проблем е, че като сложа анимирано меню в сайта не може да разчите български!

Самия код на менюто е в .JS файл, а ето и кода в HTML-а:

<div id="preloader"> </div>
  <ul id="logo-menu">
   <li class="arrow"> </li>
	   <li id="logo" > <img src="./images/logo.png" alt="Dynam!co"/> </li>
	<li id="menu">
		<ul>
			   <li><a href="#index">НАЧАЛО</a></li>
		 <li>
			  <a href="#about">TEAM</a>
			  <ul>
				  <li><a href="#about/overview">Overview</a></li>
				  <li><a href="#about/technical-skills">Technical Skills</a></li>
				  <li><a href="#about/education">Education</a></li>
			  </ul>
		 </li>
				<li>
			  <a href="#portfolio">PORTFOLIO</a>
			  <ul>
				  <li><a href="#portfolio/all">Everything</a></li>
				  <li><a href="#portfolio/webdesign">Web Design</a></li>
				  <li><a href="#portfolio/webdevelopment">Web Development</a></li>
			  </ul>
		 </li>
		
		 <li>
			  <a href="#blog">BLOG</a>
			  <ul>
				  <li><a href="#blog/all">Everything</a></li>
				  <li><a href="#blog/webdesign">Web Design</a></li>
				  <li><a href="#blog/webdevelopment">Drugo</a></li>
			  </ul>
		 </li>
		 <li><a href="#contact">Contacts</a></li>
		</ul>	
	</li>
	<li id="extra"> <img width="6" src="./images/a.png" alt=""> </li>
  </ul><!-- End of Logo & Menu -->

Къде е проблема?

И ако може да кажете как да го оправя?

4 октомври 201114 г.

Форматирай кода си, че така трудно се чете. А иначе става ли да дадеш целия hml код ? Сложи този код ако го нямаш:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Редактирано 4 октомври 201114 г. от frozener (преглед на промените)

4 октомври 201114 г.

Дай целият код на страницата и кода от този JS файл.

4 октомври 201114 г.

...

Проблемът е в редактора.

Освен да се укаже на браузъра енкодинга е нужно документа, да бъде съхранен в същия енкодинг. Ако документът е съхранен в cp1251, а на браузъра му се указва utf-8, започва танц с тарамбуката и налице е букви какалашки.

utf-8 е препоръчателен, но обезателно с изключен BOM, за да не реват функции като header();

5 октомври 201114 г.

Автор

Програмата е Notepad++ и съм направил всичко каквото микрохирург е споменал.

Интересното е, че няма никакви символи в менюто!?! Опитвам и с друг шрифт, но не става.

Някакви други идеи или е от редактора?

5 октомври 201114 г.

И аз ползвам Notepad++, но нямам проблеми поне засега.

5 октомври 201114 г.

Автор

Май е от .css

/* RESET & BASIC */
*{margin:0;padding:0;border:0;outline:0;}
body{font:13px/21px Arial, Helvetica, sans-serif; color:#9f9f9f;width:100%;height:100%;background:url(../images/wood.jpg) 0 0 repeat-x; min-height:610px;}
a{text-decoration:none;color:#888;font-weight:bold;}
a:hover{text-decoration:underline;}
#preloader{top:0;left:0;position:fixed;z-index:9999;width:100%;height:100%;background:#fff url(../images/ajax-loader.gif) no-repeat center center; visibility: visible;}
body.Background1{background:url(../images/wood.jpg) repeat-x;}
body.Background2{background:url(../images/wood2.jpg) repeat-x;}
body.Background3{background:url(../images/pattern.jpg) repeat;}
body.Background4{background:url(../images/pattern2.jpg) repeat;}
h1,h2,h3{font-family:Lucida, sans-serif;text-transform:uppercase;}
h2{font-size:25px;line-height:25px;margin:0;padding:0 0 0 0;word-spacing:6px;}
h3{font-size:20px;line-height:20px;padding-bottom:8px;word-spacing:2px;letter-spacing:1px;clear:right;}
ul, ol{list-style:inside;}
ol{list-style-type:decimal;}
.clear{clear:both;height:0;width:0;}
.ribbon h2{font-size:45px;}
.cufon-ready h2{font-size:30px; margin-bottom: 5px;}
.cufon-ready h3{font-size:24px;line-height:27px;}
.cufon-ready .ribbon h2{font-size:33px;margin-top: 8px; margin-bottom: 0; line-height: 0;}
/* LOGO & MENU */
#logo-menu{list-style:none;position:absolute;top:27px;left:27px;z-index:999;}
#logo-menu>li{height:50px;line-height:52px;float:left;text-align:center;text-decoration:none;text-transform:capitalize;position: relative;}
#logo-menu>li.arrow{width:0;height:0;line-height:0;border-top:12px solid transparent;border-left:13px solid #cccccc;top:-12px;left:0;position:absolute;}
#extra, #logo{background:#999 url(../images/ribbon_back.png) 0 0 repeat-x;color:#000;background:-webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#777777));background:-moz-linear-gradient(top, #cccccc, #777777);}
#logo{overflow:hidden;font-size:27px;word-spacing:7px;padding:0 12px 0 15px;border-right:solid 1px rgba(0,0,0, .65);-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;border-bottom-left-radius:8px;behavior: url(./ie-css3.htc); }
#extra{font-size:12px;padding:0 2px 0 2px;border-left:solid 1px #96bfd7;border-left:solid 1px rgba(255,255,255, .2);-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;padding-left:5px;padding-right:5px; behavior: url(./ie-css3.htc); }
#extra, #logo, #menu{-moz-box-shadow:4px 4px 6px #111;-webkit-box-shadow:4px 4px 6px #111;box-shadow:4px 4px 6px #111;-moz-box-shadow:4px 4px 6px rgba(0,0,0, .34);-webkit-box-shadow:4px 4px 6px rgba(0,0,0, .34);box-shadow:4px 4px 6px rgba(0,0,0, .34);}
#logo img{margin-top:8px;float:left;}
#menu>ul{list-style:none;display:table-row; position: relative;background:#4296B3;background:-webkit-gradient(linear, left top, left bottom, from(#777), to(#ccc)); height: 50px; color:#000;}
#menu>ul>li{font-size:11px;display:table-cell;line-height:1.7em;position:relative;-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;}
#menu>ul>li>a{color: #000;color: rgba(0,0,0, .9);text-decoration:none;font-size:13px;padding:15px 17px;display:block;}
.cufon-ready #menu>ul>li>a{font-size:17px;}
#menu>ul>li:hover{background:url(../images/logo_hover.png) 0 0 repeat-x; }
 
#extra img { margin-top: 18px; margin-left: -1px; display: block; }
#menu>ul>li>ul { display: none; z-index: -1; position: absolute; top: 48px; -webkit-box-shadow: 1px 1px 10px #111; -moz-box-shadow: 1px 1px 10px #111; box-shadow: 1px 1px 10px #111; padding-top: 5px; width: 150px; }
#menu>ul>li>ul>li { display: block; text-align: left; color: #111; }
#menu>ul>li>ul>li>a { color: #000;color: rgba(0,0,0, .9); font-size: 17px; text-shadow: 1px 1px 1px rgba(255,255,255, .2); text-decoration: none; padding: 0 15px 0 15px; line-height: 35px; display: block;  }
#menu>ul>li>ul>li:hover{ background:url(../images/logo_hover.png) 0 0 repeat-x; }

И по-точно някой шрифт, но не знам кой?

5 октомври 201114 г.

Май е от .css
...
И по-точно някой шрифт, но не знам кой?

Това пък как ви хрумна?

Научи какво е CSS. Накратко в този език има селектори, свойства и значения. Но в CSS няма свойство, което да управлява кодировката на документа, да го подменя.

Качи пълния код, за да не губим време като гадатели в архив някъде.

Малко вероятна причина е сървъра. Той изпраща хедър (не знам как се превежда на български този термин), указващ Content-Type. В Apache (ako е позволен файл .htaccess) може насила да се промени този хедър с следната команда:AddDefaultCharset UTF-8

Друга мало вероятна причина е да сте сложили

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

след тагове <title><t/itle>, а вътре да сте писали ASCII символи и по този начин да бъркате браузъра.

И пак главен заподозрян е редактора. Прегледайте настройките му.

Изтеглете AkelPad. И прекодирайте с него документа, като укажете UTF-8 и изkлючен BOM. Ако при копирането се появи нечетима кирилица, просто пренапишете от ръка преди съхранение и пробвайте.

успех

Редактирано 5 октомври 201114 г. от Profruit (преглед на промените)

5 октомври 201114 г.

Това пък как ви хрумна?

Научи какво е CSS. Накратко в този език има селектори, свойства и значения. Но в CSS няма свойство, което да управлява кодировката на документа, да го подменя.

Качи пълния код, за да не губим време като гадатели в архив някъде.

Малко вероятна причина е сървъра. Той изпраща хедър (не знам как се превежда на български този термин), указващ Content-Type. В Apache (ako е позволен файл .htaccess) може насила да се промени този хедър с следната команда:AddDefaultCharset UTF-8

.....

успех

Само да допълня две малки неща

хедър - заглавна част, заглавка

DefautCharset може да се дефинира и в самия конфигурационен файл на апах, даже при една от версиите (май 2.0) това беше пуснато по подразбиране

5 октомври 201114 г.

ОК. Не става ясно какво обслужва документа. Notepad++ е отличен редактор, за жалост единствено за Windows. A това ме кара да се огранича до тази система. Тя пък ползва локални настройки, докато linux-дистро системите - UTF-8 . A тук пореден Шерлок Холмс. За javascript е достатъчен localhost на Windows. И тук д-р. Ватсон - ами ако е на xampp/denwer-3. Да, ма не, на някакъв безплатен хостинг - Петко Бочаров. И стана тя седянка на екстрасенси. Та най-добре да метне кода и да лягаме да спим, че утре пак ще ставам в 5 сутринта.

Архивирана тема

Темата е твърде стара и е архивирана. Не можете да добавяте нови отговори в нея, но винаги можете да публикувате нова тема, в която да продължи дискусията. Регистрирайте се или влезте във вашия профил за да публикувате нова тема.

Няма регистрирани потребители разглеждащи тази страница.

Подкрепи съществуването на форума - направи дарение
32%

Дарени 315 € от нужните 1 000 €
- +21

Получавайте известие, когато има важна промяна или новина свързана с форума.

Абонирайте се

Добре дошли!

Проблем с javascript

Featured Replies

Архивирана тема

Разглеждащи това в момента 0

Дарение

Бюлетин

Профил

Навигация

Търсене

Конфигуриране на push известия в браузъра

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)