On my website I have 3 types of employees
barista
barista01
security
and I would like to hide the barista01 option but leave the others as they are (please refere to the picture).
When i try to use $("div:contains('barista01')").parent('div').hide(); I get a full black window hiding everything inside.
Is there anyway how to fix this?
Thank you in advanced
enter image description here
If Class name ".hc-mt3" is fixed and will not change then you can target that class.
See Example Code: $("div:contains('barista01')").parent('.hc-mt3').hide();
Is there a way to determine the html code of the color of a section in an image.
In my case I have a logo in png format and I want to know the color's html code of a section in the logo so that the menu items have the same color.
Thank you
These are the steps that worked for me:
open the image in gimp
Make sure the toolbox dialog is visible. If it is not use "Windows -> new Toolbox".
Make sure The colors dialog is visible. If it is not "Windows -> Dockable Dialogs -> Coulours"
Select the eye drop icon in the toolbox dialog (when you hover it it will show this text: Color Picker Tool: Set Coulours from image pixels).
click on the area of the image that you want to get the color code (the code will automatically show at the bottom of the coulors dialog).
If I understand you correctly you wanted to get the color of what you see on your screen. Then perform these steps.
Take a screenshot of what you see and paste it in mspaint.
Then use colour picker from tools menu and click on the place for which you wanted to know the colour.
Then under color menu use edit Colors option.
There in the edit Colors menu in the right side you will get the right color coordinates.
Now use editors like Visual Studio Code to get what you want.
In line with Temani's comment, keep it simple.
For Chrome: Right click anywhere, click "Inspect". If you don't see any colors on the bottom left, click on element.style and type something like color: black;. Then, click on the little black box that appears next to the color and click on your image. color: black; will now become color: #fea43d; or whatever the color you clicked is.
For Firefox: Right click anywhere, click "Inspect Element". If you don't see any colors on the right, click on element and type something like color: black;. Then, click on the little black circle that appears next to the color, click the eyedropper tool on the bottom left of the box that pops up, and click on your image. color: black; will now become color: #fea43d; or whatever the color you clicked is.
For html elements, you can right click on which color you want and
'inspect' it. You can find the color code in CSS.
For images in the pages:
You can install color picker extension/plugin for your browser, in which you just right click and get color code in hex or rgb formats.
OR
Download the image, open it in any photo editors which can read color.
#Karim maybe I can help you with your problem.
Here is the link - https://imagecolorpicker.com, I found yesterday while exploring the internet and I am damn sure that it will definitely help you.
just upload your Image file(or anything which is a screenshot, etc) or any websites URL to below mentioned the website and click on submit button.
Then your image or your uploaded content will appear with all its color details written at the adjacent side. You can click on your image at any pixel(position) and the details of color will be updated for that pixel(position) in HEX, RGB, HSV(HSL)
Here is the [Image] - : https://i.stack.imgur.com/s5elS.png for your reference.
May this will help You.
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.
I want to make title window (pop up) in flex .. which contains some buttons if i click on any button then another button has to add outside the title window
can anyone help me out.
Thanking you
Pop ups can be achieved using the Alert class. Say for showing a pop up below code might work
Alert.show("Alert Text", "Title", Alert.OK, this, start_app);
The Alert.OK specifies the buttons to be included. You can include more by using OR operator. The labels of these button can also be changed to meet your requirements. The start_app is called the closeHandler which will be triggered if any button in the Alert is pressed. Further logic can be put in the closeHanlder. For detailed information see http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/controls/Alert.html
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