Snitz Forums 2000

Snitz Forums 2000

All Forums

Snitz Forums 2000 MOD-Group

MOD Add-On Forum (W/O Code)

Adding a TITLE to an image

Note: You must be registered in order to post a reply.
To register, click here. Registration is FREE!
Before posting, make sure you have read this topic!

Screensize:

UserName:

Password:

Format Mode:

Format:

Message:

* HTML is OFF
* Forum Code is ON

Smilies

[quote][i]Originally posted by MarcelG[/i]
[br]As one could read on several HTML guidelines, the use of an ALT attribute with an image is a 'nice' thing to do:
[quote]In HTML authoring, there are very good reasons to include an alt attribute into every img element.[b] The purpose is to specify a textual replacement for the image, to be displayed or otherwise used in place of the image[/b]. 
Thus, the prime rule is: Consider what the page looks like or sounds like when images are not shown. Then, write for each image an alt text that best works as a replacement.[/quote]([url="http://www.cs.tut.fi/~jkorpela/html/alt.html"]Source[/url])

I'm just wondering whether or not it would be possible to implement this feature (or something similar) into the forumcode.

The normal HTML code for such an image would be this:
[b][font=Courier New]<IMG SRC="[blue]image.gif[/blue]" ALT="[red]the image alt[/red]" TITLE="[red]the image alt[/red]"> [/font=Courier New][/b]
Note that I added the TITLE ánd the ALT attribute; even though the ALT attribute works for most browsers. However, some browsers will not display anything if there is no TITLE attribute.

Now, with the current forum code, we can only specify the source image.
I was thinking of doing it a bit like this:
[b][font=Courier New][title="[red]the image alt[/red]"[b][/b]][i[b][/b]mg][blue]image.gif[/blue][/img][/title][/font=Courier New][/b]
In this way it could also be used for links, ánd normal text, so one would see a sort of 'mouse over' effect when hovering over the text or hyperlink :
[b][font=Courier New][title="[red]the hyperlink title[/red]"[b][/b]][u[b][/b]rl][blue]hyperlink[/blue][/url][/title][/font=Courier New][/b]
or 
[b][font=Courier New][title="[red]the alt text[/red]"[b][/b]][blue]normal text[/blue][/title][/font=Courier New][/b]

I [u]think[/u] that duplicating the code used for the translation of [url[b][/b]="hyperlink"[b][/b]][/url] could be used for this, but I'm not sure on how to do this. The title won't need any markup, but it would include the use of blank spaces.

However, if we would really need to create the equivalent of the real ALT and TITLE attributes of the IMG tag, it would be a lot more difficult.
Perhaps the forumcode equivalent would then need to be something like this:
[img="[blue]image.gif[/blue]",title="[red]title[/red]",alt="[red]alt[/red]"[b][/b]]
But, that would mean a complete redo of the img tag...

Any suggestion is welcome.

[size=1](BTW ; another thing I was thinking about, was to add a bookmark code to the forumcode ; e.g. making code available to insert a referencable bookmark. ([b][font=Courier New]<a href="#Test"></[b][/b]a>[/font=Courier New][/b]).)[/size=1]<
[/quote]

Check here to include your profile signature.

T O P I C R E V I E W
MarcelG	Posted - 16 June 2005 : 04:55:23 As one could read on several HTML guidelines, the use of an ALT attribute with an image is a 'nice' thing to do: quote: In HTML authoring, there are very good reasons to include an alt attribute into every img element. The purpose is to specify a textual replacement for the image, to be displayed or otherwise used in place of the image. Thus, the prime rule is: Consider what the page looks like or sounds like when images are not shown. Then, write for each image an alt text that best works as a replacement. (Source) I'm just wondering whether or not it would be possible to implement this feature (or something similar) into the forumcode. The normal HTML code for such an image would be this: <IMG SRC="image.gif" ALT="the image alt" TITLE="the image alt"> Note that I added the TITLE ánd the ALT attribute; even though the ALT attribute works for most browsers. However, some browsers will not display anything if there is no TITLE attribute. Now, with the current forum code, we can only specify the source image. I was thinking of doing it a bit like this: [title="the image alt"][img]image.gif[/img][/title] In this way it could also be used for links, ánd normal text, so one would see a sort of 'mouse over' effect when hovering over the text or hyperlink : [title="the hyperlink title"][url]hyperlink[/url][/title] or [title="the alt text"]normal text[/title] I think that duplicating the code used for the translation of [url="hyperlink"][/url] could be used for this, but I'm not sure on how to do this. The title won't need any markup, but it would include the use of blank spaces. However, if we would really need to create the equivalent of the real ALT and TITLE attributes of the IMG tag, it would be a lot more difficult. Perhaps the forumcode equivalent would then need to be something like this: [img="image.gif",title="title",alt="alt"] But, that would mean a complete redo of the img tag... Any suggestion is welcome. (BTW ; another thing I was thinking about, was to add a bookmark code to the forumcode ; e.g. making code available to insert a referencable bookmark. (<a href="#Test"></a>).)<
2 L A T E S T R E P L I E S (Newest First)
MarcelG	Posted - 30 August 2005 : 07:23:50 I was just rethinking of this, and decided to check this topic again ... I was wondering if there was someone out there who has some idea's about how to build this ? I've taken the ReplaceURL's code, and rebuild it for the function ReplaceAcrs (replace acronyms) So, instead of using the title attribute I've switched to the acronyms entity instead.... I know it's wrong (it's not meant for this purpose) but the effect is very much similar...) Function ReplaceAcrs(ByVal strToFormat) Dim oTag, c1Tag, c2Tag Dim roTag, rc1Tag, rc12Tag, rc2Tag Dim oTagPos, c1TagPos, oTagPos2, c1TagPos2 Dim Counter Dim strArray, strArray2 Dim strFirstPart, strSecondPart oTag = "[acr=" c1Tag = "]" c2Tag = "[/acr]" roTag = "<acronym title=""" rc1Tag = """>" rc2Tag = "</acronym>" oTagPos = InStr(1, strToFormat, oTag, 1) 'Position of opening tag c1TagPos = InStr(1, strToFormat, c1Tag, 1) 'Position of closing tag 'if opening tag and closing tag is found... If (oTagpos > 0) And (c1TagPos > 0) Then 'Split string at the opening tag strArray = Split(strToFormat, oTag, -1, 1) 'Loop through array For Counter = 0 To UBound(strArray) 'if the closing tag is found in the string then... If (InStr(1, strArray(Counter), c1Tag, 1) > 0) Then 'split string at the closing tag... strArray2 = Split(strArray(Counter), c1Tag, -1, 1) strArray2(0) = replace(strArray2(0), """", " ") ' ## filter out " strArray2(0) = replace(strArray2(0), ";", " ", 1, -1, 1) ' ## filter out ; strArray2(0) = replace(strArray2(0), "+", " ", 1, -1, 1) ' ## filter out + strArray2(0) = replace(strArray2(0), "(", " ", 1, -1, 1) ' ## filter out ( strArray2(0) = replace(strArray2(0), ")", " ", 1, -1, 1) ' ## filter out ) strArray2(0) = replace(strArray2(0), "", " ", 1, -1, 1) ' ## filter out strArray2(0) = replace(strArray2(0), "'", " ", 1, -1, 1) ' ## filter out ' strArray2(0) = replace(strArray2(0), ">", " ", 1, -1, 1) ' ## filter out > strArray2(0) = replace(strArray2(0), "<", " ", 1, -1, 1) ' ## filter out < strArray2(0) = replace(strArray2(0), vbTab, " ", 1, -1, 1) ' ## filter out Tabs strArray2(0) = replace(strArray2(0), "view-source", " ", 1, -1, 1) ' ## filter out view-source strArray2(0) = replace(strArray2(0), "javascript", " ", 1, -1, 1) ' ## filter out javascript strArray2(0) = replace(strArray2(0), "jscript", " ", 1, -1, 1) ' ## filter out jscript strArray2(0) = replace(strArray2(0), "vbscript", " ", 1, -1, 1) ' ## filter out vbscript 'if the closing url tag is found in the string and '[URL] is not found in the string then... If InStr(1, strArray2(1), c2Tag, 1) then strFirstPart = Left(strArray2(1), InStr(1, strArray2(1), c2Tag, 1)-1) strSecondPart = Right(strArray2(1), (Len(strArray2(1)) - Instr(1, strArray2(1), c2Tag,1) - len(c2Tag)+1)) If strFirstPart <> "" Then If UCase(Left(strFirstPart, 5)) = "[IMG]" Then ReplaceAcrs = ReplaceAcrs & "<acronym title=""" & strArray2(0) & """>" & strFirstPart & "</acronym>" & strSecondPart Else ReplaceAcrs = ReplaceAcrs & roTag & strArray2(0) & rc1Tag & strFirstPart & rc2Tag & strSecondPart End If Else ReplaceAcrs = ReplaceAcrs & roTag & strArray2(0) & rc1Tag & strArray2(0) & rc2Tag & strSecondPart End If Else ReplaceAcrs = ReplaceAcrs & roTag & strArray2(0) & rc1Tag & strArray2(0) & rc2Tag & strArray2(1) End If Else ReplaceAcrs = ReplaceAcrs & strArray(Counter) End If Next Else ReplaceAcrs = strToFormat End If End Function This seems to work ok, with this syntax: [acr=Text of the acronym]bla[/acr] Now, the text bla is shown with the text Text of the acronym hovering over it with a mouseover. I've decided to use the asterisk instead of the quote, to avoid conflicts with the ReplaceURLs function, where "] is replaces by </a>.<
MarcelG	Posted - 16 June 2005 : 15:39:58 mmmmh...no one. making mental note to block the upcoming weekend.....thinking of excuse to give to my wife....<

Snitz Forums 2000

This page was generated in 0.05 seconds.