Даниил Виттманн

https://startbootstrap.com/template-overviews/agency/
http://freebiesxpress.com/gallery/golden-free-one-page-web-template/
 

копирайт удаляй

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

В стилях к body припишите
overflow-x: hidden;

и уберите свойство height: 100% у body и тем более у html тега, ибо оно принимает значение высоты экрана, а не растягивает на весь сайт

33 минуты назад, viliksar сказал:

Bootstrap подключил к ворд пресс, но внешний вид отображается по другому

ориг

пример

 

скажите чего не хватает?

http://bootstrap-3.ru/components.php#list-group-custom-content Если собрался пользоваться bootstrap`ом - учи css стили. И версию правильную устанавливай. А тут спойлер 

Всем здрасти. В общем есть у меня в БД таблица с информацией о маркерах (ид, имя, адрес, широта, долгота). Эта информация из базы данных размещается в XML средствами PHP
 

Скрытый текст

 

<?php
require("phpsqlajax_dbinfo.php");

function parseToXML($htmlStr)
{
$xmlStr=str_replace('<','&lt;',$htmlStr);
$xmlStr=str_replace('>','&gt;',$xmlStr);
$xmlStr=str_replace('"','&quot;',$xmlStr);
$xmlStr=str_replace("'",'&#39;',$xmlStr);
$xmlStr=str_replace("&",'&amp;',$xmlStr);
return $xmlStr;
}

// подключаюсь к бд
$connection=mysql_connect ('localhost', $username, $password);
if (!$connection) {
  die('Not connected : ' . mysql_error());
}

$db_selected = mysql_select_db($database, $connection);
if (!$db_selected) {
  die ('Can\'t use db : ' . mysql_error());
}

// беру инфу о маркерах
$query = "SELECT * FROM markers WHERE 1";
$result = mysql_query($query);
if (!$result) {
  die('Invalid query: ' . mysql_error());
}

// открываю xml тег
echo '<markers>';

// цикл...
while ($row = @mysql_fetch_assoc($result)){
  echo '<marker ';
  echo 'type="' . $row['id] . '" ';
  echo 'name="' . parseToXML($row['name']) . '" ';	//беру имя и убираю из него все специальные символы
  echo 'address="' . parseToXML($row['address']) . '" '; //то же самое с адрессом
  echo 'lat="' . $row['lat'] . '" ';
  echo 'lng="' . $row['lng'] . '" ';
  echo '/>';
}

//тег закрыл
echo '</markers>';

?>

 

 

 

В итоге если открыть браузером будет что-то типо этого

<markers>
  <marker id="1" name="Name of first marker" address="Address of first marker" lat="49.234310" lng="28.464508" />
  <marker id="2" name="Name of second marker" address="Address of second marker" lat="49.237968" lng="28.481297" />
</markers>

Дальше начинается самое сложное и непонятное для меня. С помощью js надо все впихнуть в google карту

Скрытый текст

 

 function initMap() { 
        var map = new google.maps.Map(document.getElementById('map'), { //вызываюкарту
          center:  {lat: 49.23, lng: 28.47}, //параметры
          zoom: 12
        });
        var infoWindow = new google.maps.InfoWindow;

          downloadUrl('pointmarkers.php', function(data) { // pointmarkers.php — тут указываю файл описаный выше
            var xml = data.responseXML;
            var markers = xml.documentElement.getElementsByTagName('marker'); //!!!!! А вот тут уже не работает.
            Array.prototype.forEach.call(markers, function(markerElem) {
              var name = markerElem.getAttribute('name');
              var address = markerElem.getAttribute('address');
              var point = new google.maps.LatLng(
                  parseFloat(markerElem.getAttribute('lat')),
                  parseFloat(markerElem.getAttribute('lng')));

              var infowincontent = document.createElement('div');
              var strong = document.createElement('strong');
              strong.textContent = name
              infowincontent.appendChild(strong);
              infowincontent.appendChild(document.createElement('br'));

              var text = document.createElement('text');
              text.textContent = address
              infowincontent.appendChild(text);
              var marker = new google.maps.Marker({
                map: map,
                position: point
              });
              marker.addListener('click', function() {
                infoWindow.setContent(infowincontent);
                infoWindow.open(map, marker);
              });
            });
          });
        }



      function downloadUrl(url, callback) {
        var request = window.ActiveXObject ?
            new ActiveXObject('Microsoft.XMLHTTP') :
            new XMLHttpRequest;

        request.onreadystatechange = function() {
          if (request.readyState == 4) {
            request.onreadystatechange = doNothing;
            callback(request, request.status);
          }
        };

        request.open('GET', url, true);
        request.send(null);
      }

      function doNothing() {}

 

 

 

И в указаной выше строке выдает ошибку
Uncaught TypeError: Cannot read property 'getElementsByTagName' of null

делал по туториалу на англоязычных форумах конкретного ответа не нашел. Надеюсь на вашу помощь.

Если нужно посмотреть вживую, то вот

16 часов назад, Ролан сказал:

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

$(this).siblings(full).toggle(200);

 

https://jsfiddle.net/Wittmann/v17cav79/4/

13 часа назад, Николя223 сказал:

ответ неверный. 

ну а этот https://jsfiddle.net/Wittmann/k02kea5b/6/ ?

12 часа назад, WebNewbe сказал:

Можно ли данный код сделать с помощью метода substr/substring?

Метод substring, попросту говоря, обрезает строку

var str = "Моя строка"
str.substring(0,3) // Моя
str.substring(3,0) // Моя
str.substring(1,2) // о
str.substring(4) // строка

https://jsfiddle.net/Wittmann/k02kea5b/3/ как-то так
Почитайте про регулярные выражения https://www.w3schools.com/js/js_regexp.asp 

3 минуты назад, WebNewbe сказал:

Как я понял, что-то вроде такого:
Первое поле: Раз два три
Жмем кнопку Go
Второе поле: Раздватри

Вам надо просто запретить вод пробелов в input?

Вот регулярное выражение убирает пробелы до и после строки https://jsfiddle.net/Wittmann/k02kea5b/ .

2 часа назад, WebNewbe сказал:

первое поле вводится любая строка, при нажатии на кнопку "GO" во второе поле записывается эта строка без пробелов слева и справа.

Не понятно про какие "пробелы" идет речь, поподробнее объясните что не получается. 

https://jsfiddle.net/Wittmann/v17cav79/ . Есть еще вариант на css с помощью checkbox`ов, если интересует обращайтесь.

41 минуту назад, WebNewbe сказал:

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

https://jsfiddle.net/Wittmann/gmmoq76x/1/

Вот - https://jsfiddle.net/Wittmann/gmmoq76x/ . Но лучше использовать атрибут maxlength для input`ов

А я предлагаю использовать grid систему она кстати уже поддерживается всеми браузерами http://caniuse.com/#search=grid. Только она сложновата немного, предлагаю прочитать несколько статей (все три части). Думаю вы найдете решение там.
Вот пример https://jsfiddle.net/Wittmann/a3woam88/ . Это сверстано в качестве примера, использовать сразу не рекомендую.

В 25.04.2017 в 06:33, sarcus сказал:

Изначально высота внутреннего блока должна быть 100% от высоты экрана

min-height: 100vh;

1vh - это высота в 1% относительно высоты экрана, соответственно 100vh - 100%

Разве для этого min-height не подходит? https://jsfiddle.net/erc9s7nn/1/

Вы не туда попали. Вам сюда

Ого. У вас там вообще неразбериха какая-то. Раз вы учитесь, готового решения я вам давать не буду. Направлю лишь на путь праведный правильный.
Насчет позиционирования. Вот пара статей из справочника http://htmlbook.ru/css/cat/position - там ничего сложного, все придельно ясно. Начните с http://htmlbook.ru/css/position
Что касается смены рисунка при наведении - http://htmlbook.ru/css/hover Вот пример:

.block {
	width:100px;					/*-- ширина блока --*/
	height:100px;					/*-- высота блока --*/
	background: url('image1.jpg');			/*-- ссылка на фоновую картинку --*/
}

/*-- Далее список стилей который примениться после навидения на элемент мышкой --*/

.block:hover {
	background: url('image2.jpg')			/*-- фоновая картинка после навидения на блок мышкой --*/
}

Вам нужно точно такое же?
Это скорее всего SVG 

Можно еще попариться и на css попробовать

Блин, по-моему один из топовых вопросов, неужели не нашли решений в гугле?

http://ruseller.com/lessons.php?id=1248

Причин уйма может быть.

В 04.04.2017 в 16:33, Indorill24Empty сказал:

жму на селектор

Если "селектор" про который вы говорите это тег <a> и в атрибуте href указан хештег "#" или что-то другое, то возможно в этом проблема.

Как я понимаю все отпозиционировано через JS, поэтому все смещается на время пока не загрузиться скрипт.

    var sheetWidth = jQuery(".art-sheet").width();
    var sheetLeft = jQuery(".art-sheet").offset().left;
    jQuery("header.art-header .art-shapes>*, header.art-header>.art-textblock").each(function () {
        var object = jQuery(this);
        var objectLeft = sheetWidth * parseFloat(object.attr("data-left") || "0") / 100 + sheetLeft;
        object.css("left", objectLeft + "px");
    });

Вот кусок кода который позиционирует элементы шапки. Можно через css конечно все сделать...

Можно этот кусок в отдельный файл закинуть, и поставить его на загрузку перед другими. Ну вообще задержка то мизерная все и так норм.

animation-delay:
Если интересно мое мнение, то я бы вообще убрал эту анимацию - выглядит не презентабельно.

https://jsfiddle.net/Wittmann/y0zdk93h/ - Не так на нервы действует ))

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

Как я понял вы используете якоря. И вам по-моему нужен не отступ для плавающего меню, а якорь с небольшим отступом сверху с height`ом вашей менюшки. Если так то:
ВОТ. Если не устраивает, то есть статейка по решению проблемы - https://truemisha.ru/blog/css/ssyilki-yakori.html

P.S не используйте тег <a> с указанием цифры типа: <a1>; <a2>; <a3> - таких тегов попросту не существует ;)) Возможно вас побуждали писать так теги <h1>, <h2>, <h3>, в этом случае действительно уместно указывать порядковый номер, он будет указывать на уровень подзаголовка.