Kategorie szkoleń | Egzaminy | Kontakt
  • 7
  • 0
  • 50

Dzień dobry.

Mam pytanie dotyczące otwierania linków w nowym oknie.

Zmapowałam obrazek.
Dodałam kod target=”_blank”, tak aby link otworzył się w nowym oknie.

Kod dodałam w tym miejscu:

<area title="ADVANCED SESSIONS" target=”_blank” href="http://www.image-maps.com/" shape="rect" coords="74,161,223,179" unselectable="on">

Niestety taki zabieg nie pozwolił mi na osiągnięcie rezultatu w postaci otwarcia strony w nowym oknie.

Czy ktoś spotkał się już z takim problemem?

Z góry bardzo dziękuję za pomoc.

Sylwia.

 

Sylwia_Dragon
  • Zapytał
  • @ Sylwia_Dragon | 11.01.2017
    • 1
    • 0
    • 0

Odpowiedzi (7)

  • 0

Jedyna usterka, która blokowała działanie target="_blank" - to niewłaściwe cudzysłowy. Proszę się przyjrzeć, że w kodzie, jaki Pani przesłała, wokół "_blank" są cudzysłowy pochylone, a we wszystkich pozostałych miejscach - cudzysłowy proste. To cała przyczyna. Po poprawieniu cudzysłowów pochylonych na proste, wszystko działa jak trzeba.

Poprawiony i lekko pouzupełniany kod:

<img src="grafika.png" alt="mapa obrazu" usemap="#plan" />
<map id="plan" name="mapa">
    <area title="ADVANCED SESSIONS" target="_blank" href="http://www.image-maps.com/" 
    shape="rect" coords="74,161,223,179" unselectable="on">
</map>

Podejrzewam, że dopisywała to Pani w jakimś edytorze, który "lubi się wtrącać" do treści. Najbezpieczniejszy do pisania jest Notatnik i jego klony, albo dedykowane edytory HTML. Osobiście polecam bardzo wygodny, darmowy, Notepad++. On nie robi takich przykrych niespodzianek, jak nagła zmiana rodzaju cudzysłowów. :-)

 

 

Pozdrawiam.
Andrzej.

  • Odpowiedział
  • @ | 11.01.2017
  • TRENER ALTKOM AKADEMII
  • 0

Dziękuję za odpowiedź.

Oryginał kodu był przygotowany w notatniku i wygląda w następujący sposób:

<img width="1149" height="672" id="LnD" alt="" src="/personal/sdragon_rockwellautomation_com/sylwia/_layouts/15/guestaccess.aspx?guestaccesstoken=SZZYdILIXpRue3fHz4JpCAsm1H1z%2bb8DxQ2iMCCVYbA%3d&amp;docid=2_1e5fd3a5b44174e74bf5568457e79f959&amp;rev=1" border="0" usemap="#image-maps-2017-01-10-074909" unselectable="on">
<map name="image-maps-2017-01-10-074909" id="ImageMapsCom-image-maps-2017-01-10-074909" unselectable="on">
<area title="ACCROSS GFO" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="133,15,228,33" unselectable="on">
<area title="FAST TRACK" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="138,42,226,61" unselectable="on">
<area title="PROCESS WORKSHOPS" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="70,68,227,88" unselectable="on">
<area title="BASICS FOR NEW STARTERS" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="36,132,223,152" unselectable="on">
<area title="ADVANCED SESSIONS" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="74,161,223,179" unselectable="on">
<area title="ADVANCED PROCESS TARGETED" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="11,188,224,205" unselectable="on">
<area title="ACCA CERTIFICATION" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="35,259,137,294" unselectable="on">
<area title="ACCA GBS" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="174,259,217,294" unselectable="on">
<area title="MS EXCEL" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="77,336,144,353" unselectable="on">
<area title="MS SHAREPOINT" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="33,363,148,380" unselectable="on">
<area title="ACL" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="113,389,145,408" unselectable="on">
<area title="LEAN YELLOW BELT" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="16,416,146,434" unselectable="on">
<area title="SAP LEARNING SOLUTIONS" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="274,535,421,641" unselectable="on">
<area title="LANGUAGES" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="605,557,730,638" unselectable="on">
<area title="LEADERS ACCADEMY" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="813,20,949,39" unselectable="on">
<area title="BUSINESS COMUNICATION" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="813,50,1025,86" unselectable="on">
<area title="TIME MANAGEMENT" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="813,96,949,113" unselectable="on">
<area title="EFFECTIVE LEADERSHIP" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="815,145,972,163" unselectable="on">
<area title="EFFECTIVE COMMUNICATION" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="814,172,1009,190" unselectable="on">
<area title="EXTERNAL PMI WORKSHOPS" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="916,337,1138,356" unselectable="on">
<area title="INTERNAL WORKSHOPS" target="_blank" href="http://www.image-maps.com/" shape="rect" coords="915,364,1112,383" unselectable="on">
</map>

Jak widać, cudzysłów wszędzie jest "prosty".

Czy ma Pan może jeszcze jakieś inne pomysły, dlaczego to nie działa?

Dziękuję.
Sylwia.

 

Sylwia_Dragon
  • Odpowiedział
  • @ Sylwia_Dragon | 12.01.2017
    • 1
    • 0
    • 0
  • 0

Odpowiem typowymi słowami informatyka: "A u mnie działa!" :-). I to na wszystkich popularnych przeglądarkach (FF, IE, Chrom).

 A tak poważnie: działa, ale zmieniłem lokalizację pliku obrazka - zamiast tego długaśnego adresu, który u mnie nie wyświetlał nic:

<img width="1149" height="672" id="LnD" alt="" 
src="/personal/sdragon_rockwellautomation_com/sylwia/_layouts/15/guestaccess.aspx?guestaccesstoken=SZZYdILIXpRue3fHz4JpCAsm1H1z%2bb8DxQ2iMCCVYbA%3d&docid=2_1e5fd3a5b44174e74bf5568457e79f959&rev=1" 
border="0" usemap="#image-maps-2017-01-10-074909" unselectable="on">

Użyłem prostszego zapisu:

<img src="grafika.png" usemap="#image-maps-2017-01-10-074909">

To działa przy założeniu, że plik obrazka znajduje się w tym samym folderze, co plik mapy html.

Atrybuty width i height nie są konieczne, jeśli obrazek ma dokładnie takie wymiary jak zadeklarowane i nie jest skalowany. Border="0" można by zostawić, chociaż większość przeglądarek nie robi domyślnie ramki wokół obrazka. Rzeczy dotyczące formatowania lepiej deklarować w pliku CSS, formatowanie w HTML jest niezalecane. Dotyczy to też rozmiarów i obramowań.

Własciwość unselectable="on" też nie jest tu niezbędna.

Generalnie kod jest poprawnie wygenerowany (na http://www.image-maps.com/?) i poza niewyświetlaniem się obrazka - nie widzę żadnych błędów. Wszystkie obszary są prawidłowo zdefiniowane, target również.

Jeśli wgra Pani taki plik na jakikolwiek serwer internetowy - powinno działać. Natomiast jeszcze nie wiem, jak taki kod funkcjonuje np. wewnątrz SharePointa. Jeśli ta mapa ma być publikowana na witrynie SharePoint - to zaangażuję do pomocy kolegów, specjalizujących się w tej tematyce.

Może proszę podesłać też plik obrazka (jeśli nie jest tajny) i więcej informacji o przeznaczeniu tej mapy.

  • Odpowiedział
  • @ | 12.01.2017
  • TRENER ALTKOM AKADEMII
  • 0

Obrazek jest w innym miejscu niż mapa, adres obrazka musi więc pozostać taki jaki zaproponowałam.

Po wprowadzeniu kodu na stronę SHP i zapisaniu zmian odnośniki nie otwierają się w nowym oknie, a część kodu za to odpowiedzialna znika.

Przed zapisaniem:

 

 

Po zapisaniu i ponownym otwarciu kodu do edycji:

 

 

Poniżej oryginał obrazka:

Sylwia_Dragon
  • Odpowiedział
  • @ Sylwia_Dragon | 12.01.2017
    • 1
    • 0
    • 0
  • 0

To nie jest kwestia kodu HTML tylko środowiska, w którym ma on pracować.

Poprosiłem już specjalistów od SharePointa o zajęcie się tym tematem.

  • Odpowiedział
  • @ | 12.01.2017
  • TRENER ALTKOM AKADEMII
  • 0

Proszę wysłać mi dokładny kod i obraz - prywatną wiadomością. Proszę także o informację, jak wygląda sposób wklejania kodu, gdzie w jaki tym pliku?

  • Odpowiedział
  • @ | 17.01.2017
  • TRENER ALTKOM AKADEMII
  • 0

Sprawa dotyczy zamieszczania na łamach portalu Microsoft SharePoint kodu html za pomocą edycji stron w przeglądarce.

Jeżeli włączono brak akceptacji dla pewnych znaczników html-owych niestety rozwiązanie nie będzie działać. Należy zgłosić się do administratora zbioru witryn z prośbą o akceptację kodu dla mapy obrazów.

  • Odpowiedział
  • @ | 23.02.2017
  • TRENER ALTKOM AKADEMII