Adding an info label to my image - html

Im not entirely sure what this is actually called which is probably why I havent been able to find help elsewhere.
Basically when I hover my mouse over my image I want it to tell me what it is, for example tell me that, the image is the delete button.
"<td><a href=$del><img src=\"del.png\"></td>";
This is working fine no issues with what I want it to do. Just want a bit of info about what its doing when mouse is over the image?
Thanks

You can use "title" attribute, example:
"<td><a href=$del><img src=\"del.png\" title='EXPLANATION HERE'></td>";
In this case the text "EXPLANATION HERE" will appear when the mouse is over the image.

Related

Puppeeteeer CLICK not working on the good target

I have a little problem when using the Click function with Puppeeteeer.
I need to click on this case (red circle) :
Screenshot of the problem
But when i add the Xpath (//*[#id="main"]/div/div/section/div/form/fieldset[3]/label), it clicks on the words (yellow line) and clicks on the link... I can't check the box :/
Also there isnt any Xpath for the checkbox as you can see here :
Screenshot of the problem 2
Somebody can help ?
Thanks :)

Auto resize the width of input text area on hidden DIV

I use a Hide/Show .js script that hides some checkboxes and on the right side there is the search field when I click to hide it I want to expand.
Ex.
Before hidding:
Before hidding Image
After hidding I want the search field to be expanded 100%
After hidding Image
I searched for 2 days something and can't find a way to make it expand I use the bTemplate engine to store the HTML code.
Did you try changing the CSS properties through the "setAttribute" method of the elements in question through Javascript? Basically, the code you used to "hide some of the checkboxes" in the first place is pretty much like how you'd write the code to do the other things you're looking to do.
In other words, When you want the checkboxes out of view and the text entry box centered, as in your second reference pic, you could have the Javascript code written through the "setAttribute" method so that when a particular event happens, the css "display" parameter for the check boxes could be set to "hidden", the size of the text entry box can be increased, and the css "position" parameter for the text entry box can be set to have it centered, etc.
That is, of course if I understand your issue correctly. Can you provide the code you are using? I'm sure me or someone else could clarify things more if we could see what you have written.
Hope that helps at least a little! :)

Text doesn't change on frame 1

Hi I'm new to flash programming so please bear with me if this sounds like a bit too junior a question to someone in the Flash area.
I've dragged a Text Tool from the panel to Stage and named the instance "status". Then I typed in "ABC" into the Text Tool. In frame 1 on the timeline I typed in the following code:
status.text = "Hello";
status.color = 0x0000FF;
The problem is that text in the status doesn't seem to change and remain "ABC". The color also doesn't change to the specified one, although if I delete the second line of code, I wouldn't be able to see the text at all (it seems the color gets to white which is the same as the background?)
Could someone please give me some guidance?
Thanks,
Jack
Changing color of dynamic text in flash cannot be done using "color" instead use "textColor"
status.text="hello"
status.textColor=0xff0000
This will also solve your problem of the text not changing
I hope I answered your question :)

onmouseover just on the non-transparent part of the image

I'm stuck with the menu below. All the website needs to be in HTML.
http://hpics.li/740c57f
WHAT: I want to have an hover image for all the different parts when the mouse go on it. (event/brand/website/print/UI/VIDEO)
PROBLEM: The images are overlapping and the mouseover start when i'm on the transparency of the png.
SOLUTIONS I TRIED: Imagemap to detect the zone and then put javascript code inside the AREA. doesn't work.
Imagemap to detect the zone, put an id in the AREA and use a separated JQUERY with .hover(function(). doesn't work.
Use z-index: impossible because there will be always an image that will hide the one under.
QUESTION: If I can't use ImapeMAP to select my zone and use CSS or JQUERY, how can I do ?
Thank you so much for your help!
Might be too late but the exact case can actually be solved by a class I wrote around 3 months ago. It allows you to check whether you're on a transparent area or not and also check for other elements behind the transparent area, this allows to overlap multiple transparent images and correctly jump from one image to another at the correct point.
http://www.cw-internetdienste.de/pixelselection/

css and z-index - making my submit button appear in and in-front of my search box

I've got a search box, the submit button of which I would like to have inside the box (a bit like bing) I've got some code from a couple of places which I hoped would do the job but I can't make the submit button appear on top of the search box
I've put together a fiddle but coz the image is on my machine it obviously doesn't pick it up, the code is there tho
http://jsfiddle.net/5a3Tr/1/
Anyone any ideas? I thought the z-index thing would work :(
Just remove position: relative from input.rounded - DEMO