Блог

Пожалуйста, я разбираюсь в javascript. Я был бы признателен за помощь при запуске при загрузке страницы, возвращая значение или строку для того, какой конечный локальный путь он получил, чтобы указать остальной части скрипта либо / или результат (для жестко запрограммированного сравнения); и, учитывая результаты, переключите два идентификатора css, которыесоответственно, один идентификатор будет содержать «display:none», а другой — «display:inline», чтобы управлять тем, как нижняя часть страницы связана с href с выбором дизайна навигации, определяемым тем, какая из двух разных страниц меню является ее фактическим исходным родителем. Упомянутые идентификаторы css изначально будут заданы локально в разделе «стиль» дочерней страницы нового содержимого, как, скажем:

 #MyDisplayOnOff-0 {display:inline;}
and
#MyDisplayOnOff-1 {display:none;}
 

Страница отправки href будет одним из двух меню, например, упрощенным:
«./MenuONE.html » или «./MenuONE.html#Top» или «./MenuONE.html#Bottom»
ИЛИ
«./SECONDMenu.html » или «./SECONDMenu.html#Сверху» или «./SECONDMenu.html#Снизу»

[фактический пример для ./MenuONE.html ]:

http://gladheart.royalwebhosting.net/Menu — Of Lila and the Void.html

http://gladheart.royalwebhosting.net/Menu — Of Lila and the Void.html#Bottom

http://gladheart.royalwebhosting.net/Menu — Of Lila and the Void.html#Top

До сих пор, когда идентичный контент был выбран в одном из двух разных меню, я создавал две html-страницы (с немного измененным названием), содержащие один и тот же контент, но с разными навигационными ссылками внизу. Я бы предпочел использовать одну html-страницу, жестко закодированную с двумя альтернативными ссылками, а затем с результатом первоначального возврата javascript «sending page», соответствующим образом заполните два идентификатора css: один как «display: none», а другой как «display: inline», чтобыдля отображения только одного из двух

Вот два реальных примера одного и того же содержимого на отдельных [с немного разными именами] html-страницах, каждая из которых имеет разную структуру нижних ссылок, что обусловлено дизайном, поскольку каждая вызывается из отдельного меню.

http://gladheart.royalwebhosting.net/Poetry — Time and i.html
http://gladheart.royalwebhosting.net/Poetry — Time and i-L.html

Что, я чувствую, может понадобиться в javascript, так это:

<[псевдо-]скрипт>

 query to determine [get.previous] 'sending-page'


take the string query as returned above [which would be
either eg. 
http://gladheart.royalwebhosting.net/MenuONE.html]
or
http://gladheart.royalwebhosting.net/MenuONE.html]
and parse from right to left over to the  first '/' 
[forward slash] and then discard that forward slash
and all else to the left of it; OR, as an option, just
check the whole string for any one of the six targeted
strings contained in the 'if' conditional statements below.
[[Actually here, a simplified two word word search for either
"MenuONE" or "SECONDMenu" being contained in the string being
evaluated would return the needed result to proceed.]]


if 'sending-page' equal
    "MenuONE.html"
    or
    "MenuONE.html#Top"
    or
    "MenuONE.html#Bottom"
do nothing


if 'sending-page' equal
    "SecondMenu.html"
    or
    "SecondMenu.html#Top"
    or
    "SecondMenu.html#Bottom"
do change
    #MyDisplayOnOff-0 {display:inline;} instead to #MyDisplayOnOff-0 {display:none;}
    and
    #MyDisplayOnOff-1 {display:none;} instead to #MyDisplayOnOff-1 {display:inline; 
 

Меня попросили добавить используемый html. Тело содержимого html (стихотворения) имеет ссылки внизу, например;

 <div id="BottomRightpNAV">
    <a href="./Menu - Rivers of Mind and Heart.html">Rivers of Mind and Heart</a>
</div>  
 

Я намерен добавить вторую ссылку; и с добавленными идентификаторами для обоих для переключения, какой из них отображать. Они (идентификаторы) будут изначально установлены с помощью css в локальном разделе «стиль» как:

 #MyDisplayOnOff-0 {display:inline;}
and
#MyDisplayOnOff-1 {display:none;}
 

В примере ссылки (один комментарий выше стиля css ‘, показанного в обсуждении непосредственно выше), тогда в произвольном примере была бы выбрана вторая другая ссылка. Одновременно будет отображаться только один. Каждая ссылка с включением идентификатора css [эффективно позволяющего включать или выключать одну или другую], будет отображаться вместе жестко, как показано ниже.

 <div id="BottomRightpNAV">
    <a id="MyDisplayOnOff-0" href="./Menu - Rivers of Mind and Heart.html">Rivers of Mind and Heart</a>

    <a id="MyDisplayOnOff-1" href="./Menu - Of Lila and the Void.html">Of Lila and the Void</a>
</div>
 

Таким образом, в общей сложности в зависимости от того, с какой страницы (в данном случае одного из двух меню) пользователь вошел, он будет отображать по мере необходимости одну из двух доступных ссылок и скрывать [‘display:none;’] другую ссылку.

Если я правильно понимаю, вы могли бы попробовать что-то вроде этого:

Сделайте так, чтобы каждая ссылка включала параметр запроса:

 <a href="something.com?redictedFrom=page1">my link's text</a>
<a href="something.com?redictedFrom=page2">my link's text</a>
 

Параметр запроса — это то, что следует после ‘?‘ в ссылке, и он действует как пользовательский атрибут HTML :

 // get the page's url and check it
var query = window.location.search // will give you the query string, in this example it will be **redictedFrom=page1**
// then you can then search the string to see if contains what you needed
if (query.indexOf("redictedFrom=page1") > -1) { /* do magic */ }