2011-09-21 69 views
1

我想要在鏈接的title屬性中設置一個分頁符,但是當我放入一個時,它在瀏覽器中看起來是正確的,但是當我驗證它時會返回7個錯誤。在引號中插入HTML

這是代碼。

<a href="images/Bosses/Lord Yarkan Large.jpg" class="hastipz" target="_blank" title="Lord Yarkan, a level 80 Unique from Silkroad Online -- Click for a Larger Image"> 
<img class="bosspic" src="images/Bosses/Lord Yarkan.jpg" style="float:right; position:relative;" alt="Lord Yarkon; Silkroad Unique"/> 
</a> 

原因是因爲title屬性出現在工具提示中,並且我需要在該工具提示內出現分頁符。如何在引號內添加分頁符而不返回錯誤?

+0

是指換行符還是分頁符?你想在什麼下面驗證它?至少使用HTML 5時,您可以在title屬性中輸入分頁符,並且不會收到錯誤。或者你是否希望標題本身出現換行符?如果是這樣的話,請使用Gringo的角色實體技術。你可能需要'&#x0A'而不是' ',具體取決於平臺....(可能) –

回答

1

你需要驗證工作嗎?

如果沒有,請不要擔心錯誤,如果它按照您的要求工作。

驗證不是目標。它是幫助建立更好網站的工具。這是目標。 ;-)

如果您必須驗證它,您可以嘗試使用某些腳本在dom就緒時爲<br />切換出特定關鍵字/字符集。 雖然這是未經測試,我不知道它也不會拋出錯誤。

EDIT

按照要求,一點點jQuery來切換出一個字:

$('a').each(function(){ 
    var a = $(this).attr('title'); 
    var b = a.replace('lineBreak','\n'); 
    $(this).attr('title', b); 
}); 

實施例:http://jsfiddle.net/jasongennaro/qRQaq/1/

的Nb:

  1. 我使用的「換行符「作爲關鍵字,因爲這是unlik只要匹配。 「br」可能是
  2. 我用\n換行符替換它。
  3. 你應該嘗試自己的\n換行符...可能無需替換任何東西就可以工作。
+0

我對Javascipt不是很熟練,我不知道從哪裏開始創建一個替換關鍵字的腳本與分頁符。你會知道如何編寫這樣的腳本嗎?使關鍵字「br」。 –

+0

查看我的編輯以上@Mark –

+0

它可以在我的頁面上運行,但並不會刪除「lineBreak」它只是插入「\ n」我正在使用chrome來測試它。我意識到它應該儘管因爲你使用替換功能,所以我可以拿出「lineBreak」並用「\ n」代替 –

2

我發現this forum post

 
    There are two approaches: 

    1) Use the character entity for a carriage return, which is &#13; Thus: 
    <...title="Exemplary&#13;website"> 

    (For a full list of character entities, try Googling "HTML Character Codes".) 

    2) to do any additional styling to your "tooltips", Google "CSS tooltips" 

1)是非標準雖然。適用於IE/Chrome,不適用於Firefox。 new spec似乎建議&#10; (換行符)。

+0

與角色實體+1! –

+0

非常好的答案,但是沒有一個工作。我能想到的唯一的事情就是用分頁符替換title屬性中的關鍵字。不幸的是,我沒有足夠的技巧來編寫這樣的腳本。 –