HTML - <iframe> Script For Scrollbar Colour
Hi,
I have been teaching myself web development from scratch and need a little help changing the colour of "inline scrollbars", but not the general scrollbar( i.explorer). Does anyone know of a script that can be incorporated into the command line <iframe "commands needed" </iframe> or do i have to learn more about style sheets? (css)? any help here would be greatful. I currently have: <iframe name="_leftnav" src="main.htm" border="0" frameborder="0" width="295" height="525"> </iframe> I know theres not alot here, but can you use commands such as scrollbarcolour=#FFFFFF; for example?? Thanks everyone!! Jai C Similar TutorialsHello I hate when scrollbar appears inside of iframe. How can I get rid of rollbar? I try with css: iframe { overflow: hidden; } But that doesn't work. Is there anything else I can try Maybe something else then iframe? I only know how to work with html,css & javascript. Tnx Hi guys! I want to change the scrollbar to something else in my IFRAME on my html webpage. I need it to work in FF and IE and I don't only want to change the colors etc, I want to change the complete look! I tried a few scripts but they change everything for me and I only want the old scroll to be replace with a new one. Does anyone have any suggestions? I tried this one but then it makes a lot of mess with other things in my Iframe. Maybe it's because I'm too bad on html but does anyone have any suggestions? http://www.java2s.com/Code/JavaScrip...omscollbar.htm I just need something simple and something that you doesn't need to be a engineer to get working =) Thanks in advance! Hi y'all I have a page which contains an iframe. I want to remove the vertical scrollbar from the iframe so that when a page is opened in the iframe, the height of the page containing the iframe will be equal to the height of the page that has been opened. Can anyone help pls? check out this! they said you couldnt, but i have! visit www.jaicpromotions.co.uk and you'll see!!! then view source! Jai insert this in the <head> section in your code, but make sure that each <iframe> has a new *.htm page as its base location, then again on each of those pages, insert this script into the <head> section again!! sorted!!!! no more unsightly grey bars !!!!! Yipee !!!!!! <STYLE type="text/css"> BODY {scrollbar-3dlight-color:#F0FFFF; scrollbar-arrow-color:#FF8C00; scrollbar-base-color:#000000; scrollbar-track-color:#000000; scrollbar-darkshadow-color:#696969; scrollbar-face-color:#000000; scrollbar-highlight-color:#FF8C00; scrollbar-shadow-color:#FF8C00} </STYLE> Hi, I have a search form with the following code:# <!-- Begin FusionBot.com site search engine code--> <FORM NAME=fbsearch METHOD=GET ACTION="http://ss021.fusionbot.com/cgi-bin/ss_query"> <INPUT TYPE=text NAME=keys style="height: 18px; width: 100px; background-color:#1E7CC8;<input size="8" SIZE=10> <INPUT TYPE=hidden NAME=sitenbr VALUE="154309449"> <INPUT TYPE="image" src="http://www.freewebs.com/hanifm/search.gif" name="go" value="go" alt="Click to Search"><BR> </DIV> </FORM> <!-- End FusionBot.com site search engine code --> What I want is, is for the form to be like the login area of this site: http://www.pixel2life.com/ if u look at the top right of that site u can see it has the bit with username. I want that same style of the box with the white text inside and with the same border thickness and colour. These are the colours: Inside of the form (background): #1E7CC8 The Border colour: #64A2D6 The boder thickness has to be small like the one on the sie If anyone could do this it would be much appreciated. Thank You Hey there, I've got a problem with my BG colour on a very simple page. I've uploaded this page he http://www.alastairq.co.uk/s-gaming The Web page looks like it should in FireFox 2 but in IE 6, the colour is completely wrong. Could anyone help me? Thanks, alastairq Hello. (: I am kinda new to the forum, and the web development. So... Don't be too harsh on me My problem: I have an iFrame page, with 5 iFrames "inside", named "news1", "news2" ect. What I want to do is, that when the 'page/main iFrame' loades, the 5 iFrames should load their content from a folder ("...\pages\news").. BUT! In that folder will be a lot of HTML files, numbered (1, 2, 3... ect.), and the iFrames should load the latest 5 HTML files. For example: There is 26 HTML files in the folder: "...\pages\news" -- news1.src = "...\pages\news\26.html" news2.src = "...\pages\news\25.html" news3.src = "...\pages\news\24.html" ECT.! Function Idea: When the page loades an integer will be dimmed ("INTcount") and the files should be counted in the ("...\pages\news") folder. The INTcount now equals the count og the files. Then: news1.src = "...\pages\news\" & INTcount & ".html" news2.src = "...\pages\news\" & INTcount -1 & ".html" news3.src = "...\pages\news\" & INTcount -2 & ".html" and you get the idea..I am a Visual Basic programmer, and I could easily do this in VB. But I need to code it in a SIMPLE way, using HTML, Java or ActiveX. CAN YOU PLEASE HELP ME?! Thank you and Best regards; -Martin Hi, I am new to web development. I would appreciate any insight anyone might have with the following issue I seem to be having with an iframe. I have a web page with amongst others contains an iframe that is initially not visible (width=0). When a user makes a selection from a drop down list (HTML SELECT/OPTION), a JS script posts details to a PHP server script which then (re-)builds the iframe contents. The problem I seem to be having is I can't get the browser to display (load) the iframe as (re-)built by the PHP script. I say rebuilt as the iframe does get called initially (via a GET from the browser) when the page that owns the iframe is loaded. Because the PHP script is dependant on the parameters that get passed with the POST to construct the iframe correctly, this GET results in a meaningless page/iframe. This initially does not matter as the iframe is not visible until the selection from the drop down is done. The subsequent POST which is triggered via this selection from the drop down list (JS post using ajax) to the PHP server script, does not show up in the browser...:-( Just displays the initial page as constructed from the GET. When I look at this sequence of event in firebug, the POST does result in the HTML I expect (i.e. I can see the POST contents sent to the PHP script and the HTML generated by it; renders perfect as expected), but I just can't see it in the browser. This makes me believe its a caching issue maybe (??), but even a reload of the iframe using JS and DOM still does not render the page correctly. I have tried inserting the following in both the page that owns the iframe as well as the iframe itself with no luck... <meta http-Equiv="Cache-Control" Content="no-cache"> <meta http-Equiv="Pragma" Content="no-cache"> <meta http-Equiv="Expires" Content="0"> Am I missing something? Any suggestions? Is there a simple way for me to change the colour of text that you put in a text box? Any idea how to set the backgorund of your website to a certain colour? Thanks, Narc Hi all, Ive been using the X11 colour set found on this link below, and it contains some interesting colours but would it be possible to use more colours than shown? http://en.wikipedia.org/wiki/Web_colors I was looking to make a table with 20 shades of blue as different backgrounds, would that be possible for example? Thanks! How to change the color of a certain link in the page (only one link) from the blue color to another one? Help please. Thanks in advance... how do i change the border colour in a style sheet? i added it to the body parts but it didn't change =/ .. this is my style sheet (the border colour part isn't there now i'm hoping someone can add it in the right place) Quote: /* CSS Document */ body{ scrollbar-arrow-color: #AD33FF; scrollbar-3dlight-color: #EFEFEF; scrollbar-highlight-color: #EFEFEF; scrollbar-face-color: #EFEFEF; scrollbar-shadow-color: #EFEFEF; scrollbar-darkshadow-color: #EFEFEF; scrollbar-track-color: #EFEFEF; } a:visited { color: #AD33FF; text-decoration: none; } a:active { color: #AD33FF; text-decoration: none; } body { background-color: #494949; } body,td,th { color: #9D9D9D; font-family: Tahoma; font-size: 10px; } a:link { color: #AD33FF; text-decoration: none; } a:hover { color: #cccccc; text-decoration: none; } Here's my code: HTML Code: <div align="center" onmouseover="this.style.backgroundColor='#FFFFFF'; this.style.cursor='aero_arrow'; this.style.color='#000000';" onmouseout="this.style.backgroundColor='#000000'; this.style.color='#FFFFFF';" style="width: 150px; height: 20px;">Home</div> =(The code is on different lines because it doesn't show a scrollbar when it's all on one line!)= This is in a table to create links as text buttons. But when I load / refresh the page, the text is black and when I hover over and away, it stays white. Can anybody fix this so that the text is white when you first load the page? Here's my code: HTML Code: <div align="center" onmouseover="this.style.backgroundColor='#FFFFFF'; this.style.cursor='aero_arrow'; this.style.color='#000000';" onmouseout="this.style.backgroundColor='#000000'; this.style.color='#FFFFFF';" style="width: 150px; height: 20px;">Home</div> =(The code is on different lines because it doesn't show a scrollbar when it's all on one line!)= This is in a table to create links as text buttons. But when I load / refresh the page, the text is black and when I hover over and away, it stays white. Can anybody fix this so that the text is white when you first load the page? Hi, I have this website: http://www.dmucomputing.co.uk/ The problem that I am currently having is that the background colour on the navigation panel on the left hand side of the screen does not follow all the way to the bottom of the page. I have checked it in Firefox and IE, but am having the same problem on both. Can anyone advice please? Thank you in advance. I'm designing a website in html for a college project. I'm having a bit of trouble so hopefully someone here can help me. At the moment I have a white square on the homepage that is a link. I was hoping that when I have visited the page it links to and return to the homepage this square will be a different colour. I don't know if this is even possible but I would appreciate any advice anyone can give me. Thanks Can somebody please explain to me why when I enter the background colour <body bgcolor="blue"> it just wipes out everything on my page from text to photos. And yes I'm a complete novice Hi guys, im making a site for a client at the minute, i had successfully made it then noticed a glinch when i played it in 'firefox' (yes i to was shocked it wasnt in i.e). Basicly i have an accordian, when a user clicks on say label 1, i need the labels, background colour and text colour to change. Simialrly label 2 will change them to another colour. Now this is how i achieved that: HTML Code: <!-- within the label tag on the accordian i placed the following code to change the required colours when the link is clicked //--> <a id="titleLink" class="title" href="#" onclick= "body.style.background='#006600'; titleLink.style.color='#663333'; menLink.style.color='#231f20';"><h1>link 1</h1></a> Now here is the code in its entirety, copy and paste this should work, as long as you have the required .js pages in a folder entitled Script. HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="css/testAcc.css" rel="stylesheet" type="text/css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>some name here</title> <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script> <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- following is a sntarded accordian added in dreamweaver //--> <div id="Accordion1" class="Accordion" tabindex="0"> <div class="AccordionPanel"> <div class="AccordionPanelTab"> <!-- within the label tag on the accordian i placed the following code to change the required colours when the link is clicked //--> <a id="titleLink" class="title" href="#" onclick= "body.style.background='#006600'; titleLink.style.color='#FFFFFF'; menLink.style.color='#231f20';"><h1>link 1</h1> </a> </div> <div class="AccordionPanelContent">Content 1</div> </div> <div class="AccordionPanel"> <div class="AccordionPanelTab"> <a id="menLink" class="title" href="#" onclick="body.style.background='#231f20'; titleLink.style.color='#663333'; menLink.style.color='#FFFFFF'; ">link 2</a> </div> <div class="AccordionPanelContent">Content 2</div> </div> </div> <script type="text/javascript"> <!-- var Accordion1 = new Spry.Widget.Accordion("Accordion1"); //--> </script> </body> </html> Now, in Safari this works great, as it does in i.e and Opera. However when i try it in firefox it dosnt seem to work. I think it has something to do with firefox wanting to mark the links as visited but im unsure. Any ideas why this is happening and how i can avoid it!? any help would be appreciated, im tearing my hair out as the deadlines a-looming! cheers Roamer Hi All, I was wondering of anyone knows how to find out the html colour code of text from a particular website. For example if I see text on a site and I like the colour, I want to be able to find out how to match that colour with a html code. Thankyou in advance |