Jump to content

Search the Community

Showing results for tags 'help'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








  1. I was wondering if there is a way to detect when a certain image is in a certain area on a page. I'm making a little game where you move a character around (which is an image), and when any part of the character is over a certain 100x200px area, it activates a function. Is this possible with JavaScript? If not, can I do it with another language that works with JavaScript and html? I'd prefer JavaScript. Thanks!
  2. What is the use of 'window' object? I really didn't understood anything about the window object.
  3. Hello and I desperately need some help with CSS as I am really lost and have read that CSS tutorial I don't know how many times, but something just isn't clicking. I've got the HTML down and have written a web site in HTML in Microsoft notepad, but I need a style sheet to make things look better before I upload the site to a web host. What I need is someone that really knows the CSS code and can explain things in text and not graphics as I am blind and using a screen reader and it doesn't read graphics. I think I have the basic idea of what it is supposed to do and I have the code written down for all the parts like the coloring, the font things, the background and link/visited links and headers and such. What I need to know is how to put it all together, what do I write where in the "head" and the body" and in what order. Is there a way to tie all the pages together with basically the same style sheet or do I need to write the code on each page? I really need some help here and this seemed like the best place to ask, so I hope someone can. Also, what about the W3CSS, does that work better as I see some templates there to use, but I'm not exactly sure what it all means, again I have read and reread the tutorials on this. If I use one of the templates available, do I put that code inside my document or link to it as an outside source or exactly what? This reminds me of algebra when I had to do that in school as I needed help with that stuff. I really wish I had grown up with computers as it's much easier to learn this stuff when younger than older, but the HTML isn't hard and I thought CSS wouldn't be either. Help, please.
  4. Hey guys/gals, I am a bit of a coding dinosaur, and recently got back into html coding, and have slowly been developing my comedy groups website. I've been slowly working with "css", and the list functionality On my event page, I want to display rows of 3 events each, that will have a rounded rectangle background, and the information about each event (with a picture) enclosed within the rectangle. You can find what I am working on at www.standupseoul.com/test1.html My problem is that I need to: 1. Align the 3 events to the middle of the page, not to the right. 2. I want there to be some separation between each <li> . As you can see, they bleed into each other. You should be able to view the source on my page. Any help, suggestions, or tips would be greatly appreciated. If you see some of my coding looks messy or I've put something in a bad spot, feel free to give me your opinion. In the end, I want it to look like I have on this page, but without using Tockify. http://www.standupseoul.com/pages/events.html I used to make pages back in the 90s and early 2000s with just HTML and a little java script, Im kind of getting back into all of this slowly. Thanks a lot!
  5. Hello, I am new to this site so bear with me please if I ask for help that may have already been addressed in other topics. I apologize. Ok I am new to this HTML thing and I am sure there are far better ways to code what I want done. I just have no idea how to do what I am about to ask. I am sorry I cannot offer any more information on my problem, if anyone can help I would greatly appreciate it. Thank you. I know how to make a sidebar on the page. And I know how to make those options in the sidebar links. What I am confused on is how to make the link open up in the area next to the side bar. Just to make sure I am clear on my intentions with this question. I know how to make links open up in the same window as the link is clicked. Rather I want the links to open up within the same window and to the right of where the sidebar is. Perhaps its not links I should be using? If not please point me in the right direction. I appreciate it. Once again thank you.
  6. Hey so I have this code, and I start out with my homepage on the screen. If I hover over some images they glow and the source shows up beneath them. Later, if I click the homepage button on my sidebar, it shows the homepage again. This time when I hover over the images they glow, but don't show the image source. Is there something wrong with this code? Please help <script>$(document).ready(function(){ $('.homepage').click(function(){ $('.body').empty(); $('.body').append("<div class = 'homepageappend'>You have the ability to hack into the school computer system. You can change people's grades. Would you change your own? Why or why not? What if you could change the grade for a basketball player who has a scholarship to play for a big university?<img src = 'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRrkD_SMT5KnbOn-ZuFgCJgdndRePsPgp_wrS_CdW0mBJYThUZC' class = 'aimg'></img><img src = 'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTOyg8Kshr-w4NSa_mTmCbKhmGP6sZRK3Dp8HfOXMk_gk8OhwBmkw' class = 'bimg'></img><img src = 'https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQjWRNFkzImlS4mz8J7bBefmHvNmNuRTd7Oe7gMcvVS7xDm0U70' class = 'cimg'></img><img src = 'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSRcOIwNJ1mj627ScV38Dkz_jHFHyFz9IKBa0Lnm611bUBWp_wQ' class = 'dimg'></img></div>"); $('img').mouseenter(function(){ $(this).css('border', '2px solid yellow'); }); $('img').mouseleave(function(){ $(this).css('border', '2px solid black'); }); $('.aimg').mouseenter(function(){ $('.imagesource').append("<p style = 'font-size: 20px; font-family: corsiva; margin-left: 50px;'>Image Source: [insertimagesource]</p>"); }); $('.aimg').mouseleave(function(){ $('.imagesource').empty(); }); $('.bimg').mouseenter(function(){ $('.imagesource').append("<p style = 'font-size: 20px; font-family: corsiva; margin-left: 50px;'>Image Source: [insertimagesource]</p>"); }); $('.bimg').mouseleave(function(){ $('.imagesource').empty(); }); $('.cimg').mouseenter(function(){ $('.imagesource').append("<p style = 'font-size: 20px; font-family: corsiva; margin-left: 50px;'>Image Source: [insertimagesource]</p>"); }); $('.cimg').mouseleave(function(){ $('.imagesource').empty(); }); $('.dimg').mouseenter(function(){ $('.imagesource').append("<p style = 'font-size: 20px; font-family: corsiva; margin-left: 50px;'>Image Source: [insertimagesource]</p>"); }); $('.dimg').mouseleave(function(){ $('.imagesource').empty(); }); }); $('img').mouseenter(function(){ $(this).css('border', '2px solid yellow'); }); $('img').mouseleave(function(){ $(this).css('border', '2px solid black'); }); $('.aimg').mouseenter(function(){ $('.imagesource').append("<p style = 'font-size: 20px; font-family: corsiva; margin-left: 50px;'>Image Source: https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRrkD_SMT5KnbOn-ZuFgCJgdndRePsPgp_wrS_CdW0mBJYThUZC</p>"); }); $('.aimg').mouseleave(function(){ $('.imagesource').empty(); }); $('.bimg').mouseenter(function(){ $('.imagesource').append("<p style = 'font-size: 20px; font-family: corsiva; margin-left: 50px;'>Image Source: [insertimagesource]</p>"); }); $('.bimg').mouseleave(function(){ $('.imagesource').empty(); }); $('.cimg').mouseenter(function(){ $('.imagesource').append("<p style = 'font-size: 20px; font-family: corsiva; margin-left: 50px;'>Image Source: [insertimagesource]</p>"); }); $('.cimg').mouseleave(function(){ $('.imagesource').empty(); }); $('.dimg').mouseenter(function(){ $('.imagesource').append("<p style = 'font-size: 20px; font-family: corsiva; margin-left: 50px;'>Image Source: [insertimagesource]</p>"); }); $('.dimg').mouseleave(function(){ $('.imagesource').empty(); });});</style> <body> <div class = 'page'> <div class = 'header'>Hacking the School Computer System</div> <div class = 'sidebar'> <button class = 'homepage'>Homepage</button> <button class = 'page2'>Page 2</button> <button class = 'page3'>Page 3</button> <button class = 'page4'>Page 4</button> </div> <div class = 'body'> <div class = 'homepageappend'>You have the ability to hack into the school computer system. You can change people's grades. Would you change your own? Why or why not? What if you could change the grade for a basketball player who has a scholarship to play for a big university?<img src = 'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRrkD_SMT5KnbOn-ZuFgCJgdndRePsPgp_wrS_CdW0mBJYThUZC' class = 'aimg'></img><img src = 'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTOyg8Kshr-w4NSa_mTmCbKhmGP6sZRK3Dp8HfOXMk_gk8OhwBmkw' class = 'bimg'></img><img src = 'https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQjWRNFkzImlS4mz8J7bBefmHvNmNuRTd7Oe7gMcvVS7xDm0U70' class = 'cimg'></img><img src = 'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSRcOIwNJ1mj627ScV38Dkz_jHFHyFz9IKBa0Lnm611bUBWp_wQ' class = 'dimg'></img></div> <div class = 'imagesource'></div> </div> <div class = 'footer'>Created by Brooke Simmerman</div> </div></body>
  7. So, I do not have a specific code, but I just want to understand collision. I guess an example that I am thinking of is agar.io. I have read many examples about collision, or how in agar.io the cells eat eachother, and it just doesn't make sense. Could anybody please explain it to me, and use it in an extremely simple code. I am very much a beginner. I have learned about html, javascript, and jquery using codecademy, but I am not experienced!! Could someone please give me a simple explanation of how to make 'cells eat eachother' using a simple code. Again, I am a beginner! Thanks for any help.
  8. First of all, sorry if this is an inappropriate place to post this thread but I don't really know a better place to post it. This isn't any full time job, more of a partnership. I'm sure for a skilled programmer this would be rather easy.. But I am not one, which is why I'm looking for help.I want someone who can program games, such as a coin flipping game, slot machine game and games like blackjack (although, I have a coin flipping and slot machine game coded, just not by me) and integrate them with the Steam/CS:GO API, allowing users to log in, send CS:GO skins/knives (which can be very valuable) to a bot and then play these games for the chance of winning a lot more skins/knives.If you aren't fully accustomed to the Steam/CS:GO API then there are official Steam API guides. I have a couple more things I would like added which I will discuss if you contact me.Email: csgoroulettebusiness@gmail.comPay: All profits 50/50, a payment at the end could be arranged but I am spending a lot of money on other things important for the website (advertising although it's rather low-key, domains since I'm thinking about switching to a different one, creating a stockpile of skins/knives so that I can actually have the games functioning and not have people spending skins on games with no chance of winning anything and there's more I need to pay for but I hope you understand I'm not just BSing or something). Some of the more popular websites out there already make a lot of money from doing this, so if we improve upon what they've done, add more features, games etc and add a better monetary system, then the pay should be quite a lot, that is if all games/elements are implemented.Why bother helping?: First of all, the domain is already paid for, but like I said, I might buy a new off someone who's selling it. Quite a lot of the website is finished but there's still quite a bit more to do. You get to sleep soundly tonight knowing that you've helped a fellow programmer create something he loves. And, well, all you have to do is do some programming and sit back and watch the money roll in. Might sound too good to be true and although there's quite a bit of programming involved, it really is as simple as that. The websites out there are either basic, scams or just very poor and I hope to change that. I have plenty of new and fresh ideas which would entice a lot of CS:GO gamers and possibly even streamers to my website. I also have a different way for the site to earn money which greatly benefits both the creators and the users.Thanks for reading,Joe
  9. I've been making tons of progress on my vehicle fit guide. I've made a drop down box dynamically populate based on previous selections, and now I need those selections to search the xml file and return my results. My old code only searched by the vehicle year, and that returned all vehicles with the same year. I'm trying to parse my XML using multiple variables, and now can't get any results to return. how am I able to search for models, then search for years within the model? here are my code snippets below, which currently only search the whole XML file for similar years: <!DOCTYPE html><html><head><link rel="stylesheet" type="text/css" href="xmlcss.css"><script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script><script type="text/javascript">jQuery(document).ready(function($){ var $xml; var make = $('#make'); var model = $('#model'); var year = $('#year'); var front1 = $('#Front_Location_1'); var frontsize1 = $('#Front_Size_1'); $.get('fitguide3.xml', function(data){ $xml = $(data); var rows = $(data).find('ROWSET ROW'); var makes = []; $.each(rows, function(index, element){ var _make = $(element).find('MAKE').text(); makes.push('<option value="' + _make + '">' + _make + '</option>'); }); makes = $.unique(makes); make.append(makes.join('n')); }, 'xml'); $('#make').on('change', function(){ var _value1 = $(this).val(); var _models = $xml.find('ROWSET ROW:contains("'+_value1+'")'); var models = []; console.log(_models); $.each(_models, function(index, element){ var _model = $(element).find('Model').text(); models.push('<option value="' + _model + '">' + _model + '</option>'); }); models = $.unique(models); model.find('option').remove(); model.append(models.join('n')); }); $('#model').on('change', function(){ var _value2 = $(this).val(); var _years = $xml.find('ROWSET ROW:contains("'+_value2+'")'); var years = []; console.log(_years); $.each(_years, function(index, element){ var _year = $(element).find('YEAR').text(); years.push('<option value="' + _year + '">' + _year + '</option>'); }); years = $.unique(years); year.find('option').remove(); year.append(years.join('n')); }); // $('#make').val() // $('#model').val() // $('#year').val() $('#year').on('click', function(){ var _value3 = $(this).val(); var finalmodel = $('#model').val(); var _front1 = $xml.find('ROWSET ROW:contains("'+_value3+'")'); console.log(_front1); <!-- $("#Front_Location_1").html(""); --> $.each(_front1, function(index, element){ var _front = $('#frontspeakers').val(); var front = []; front.push('<p>' + element + '</p>'); front = $.unique(front); front1.append(element); }); })});</script></head><body><p id="test"></p><select id="make"><option value='0'>---Select Make---</option></select><select id="model" name="model"></select><select id="year"></select><table style="width:100%"><tr><td>Front Location 1</td></tr><tr><td id="frontspeakers"></td></tr><tr><td id="Front_Location_1"></td></tr></table> And this is how my XML file is set up: <?xml version="1.0"?><ROWSET><ROW><MAKE>ACURA</MAKE><Model>CL</Model><YEAR>2001-2003</YEAR><Front_Location_1>Door</Front_Location_1><Front_Size_1>6 1/2</Front_Size_1><Front_Location_2>Sail Panel</Front_Location_2><Front_Size_2>1 </Front_Size_2><Rear_Location_1>Deck</Rear_Location_1><Rear_Size_1>6 x 9</Rear_Size_1><Rear_Location_2></Rear_Location_2><Rear_Size_2></Rear_Size_2><Other_Speakers></Other_Speakers></ROW><ROW><MAKE>ACURA</MAKE><Model>CL</Model><YEAR>1999-1999</YEAR><Front_Location_1>Door</Front_Location_1><Front_Size_1>6 1/2</Front_Size_1><Front_Location_2>Sail Panel</Front_Location_2><Front_Size_2>1 </Front_Size_2><Rear_Location_1>Deck</Rear_Location_1><Rear_Size_1>6 x 9</Rear_Size_1><Rear_Location_2></Rear_Location_2><Rear_Size_2></Rear_Size_2><Other_Speakers></Other_Speakers></ROW> This searches for them, but returns every model with the same years. Work-in-progress version located HERE Any help would be great!
  10. Let me just say sorry for the very poor title. It isn't bait or anything, please read on. And please leave out any 'you sound unqualified' comments, I come here merely asking for your most gracious helpHello there. I'm currently in the process of creating my own CS:GO betting/gambling website but I am currently really stuck and I need your help!I am very new to Javascript and have tried to learn it through videos, websites, tutorials etc etc but I honestly don't really know what I need to know or how to properly implement it. SummaryThere's a gaming distribution site called Steam. On Steam is a competitive, FPS game called Counter Strike: Global Offensive. On there you can win/buy/unlock/trade skins and knives, which can be incredibly valuable. There are quite a few sites out there already such as: https://csgojackpot.com/ andhttps://skinarena.com/ however, in my opinion, they are rather poor and basic and I have many ideas on how to improve on their work (many CS:GO websites copy heavily off of each other, is this how so many people have managed to make their own websites?)When on one of these websites, you log in using your Steam account name and password. Once logged in, you need to post your trade link. This trade link is used for when you want to deposit any skins to the pot and for if you win. When you click deposit, a bot sends you a trade link. You add the skins/knives and send them to the bot. Your deposit is then added to the pot with many others. Once a certain number of people have deposited, a winner is chosen (the more valuable your skins/knives are, the higher chance of winning) and hash is made. The winner is sent a trade request and is given the skins/knives they have won.So my question is, where can I learn how to do this?! What do I need to learn? I am not asking for somebody to come along and say "Oh, you need this which I have just made for you, and this which my friend made and then bam, it'll work", I am asking somebody to kindly make a list of what I need to learn exactly and not just "Yeah, erm, you should learn Javascript moron" because I have tried to learn Javascript already but I still have no clue how to go about this.. Like, how do I create a CS:GO Steam bot? (This isn't much to do with JS, but more Virtual Studio I think). How would I get that bot to communicate with the website? How can I tell the bot that "here is the trade link, send a trade offer to this link!"? How do I create a hash along with the winner? Do I have to use a crawler to gain the prices of the skins/knives?I have many questions such as how to the website/server fetch the user's profile name (different to their account name) and avatar/picture.Sorry for the very long amount of text. I am not asking for a definitive answer as such, just for somebody who is experienced to just calm me down and tell me what I need to know since I don't know exactly what I need to know.. And again, please so no "you sound too bad to be creating websites like this" which is true, I suppose , but I feel that my website would really change things and gain a lot of popularity. Side note: Would buying a £25 book definitely go through this kind of stuff? Or is JS quite large and it's rather unlikely? Please, excuse my extreme ignorance and stupidity :'(
  11. Hello, I was unable to find a solution for this problem. I'm hoping someone knows the answer. I have a mobile website and a phone number you can click to call. I even made it a hyperlink tel:###-###-####. This works correctly. I have a hidden form with a comment field only that basically says "Someone from your website placed a call to you." What I want to do is when the user clicks to call the number on the website call my number and send a quick Email letting me know by submitting the form I just mentioned along with the time and date. I have a php file working that sends the email to me when I hit the submit button. I have the hyperlink opening the box to allow the call to be placed. What I can't seem to figure out is how to get both things done on that one click of the phone number. ANY HELP would be appreciated. I understand that php is server side and the click to call is client side. But I'm still lost.
  12. i want to move the list of links ( google, youtube...etc) to left down " where there is the circle in the pic " how can i do this ? because i write the code in the <div #header > part how to move the list to down left of the header any one have the answer ???
  13. Hello, I have recently been attempting to make HTML forms in my website filtered by PHP strings... I have a PHP Filter that should work, However I am not sure on how to Integrate it into my HTML forms. Here is what I have right now... HTML Form <h3>Add Site Manual</h3><div class="addurlSmall">Enter the Site Title, Url and Description you want to add, it will automatically add it in the database</div><br /><?php require 'BannedWords.php';?><form action="/index.php?a=admin" method="post"><div class=""> Site Title: <input type="text" name="addtitle" value="" required /><br /> Site URL: <input type="url" name="addurl" value="http://" required /><br /> Site Description: <br /><textarea lass="ads" name="adddesc" required></textarea></div><br /><input type="submit" value="Add new result"/></form> PHP Filter. <?php$ban_array = array( 'Bad', 'Words', 'Here');$input_array = array ( 'adddesc', 'addurl', 'addtitle');$isvalid = true;foreach ( $ban_array as $v ) { foreach ( $input_array as $vv ) { if ( strpos($form->data[$vv], $v) !== false ) { $form->validation_errors[$vv] = 'Banned words in use!!'; return false; } }}?> Any help would be appreciated Thanks.
  14. Hello, I have recently been working on a HTML form to submit new results into a search engine. However I have ran into a problem that I cant seem to get past. I have one page where the info from the form can be properly submitted, however it requires a password to get into. (its the admin panel) located at index.php?a=admin However when a user tries to insert a new site to the form the just are denied access because they cant log into the admin panel, even though the form itself is not actually in the admin panel... The HTML form looks like this and is located in a page called /AddSite.html however its trying to submit the info to /index.php?a=admin how can I use JavaScript to possibly bypass needing the password? and not redirecting to the admin panel when you click submit? (Also, not as important as the above issue... but as you can see I tried to add a capatcha, but I cant get it to be required, users can press submit without even using the capatcha... if anyone could tell me what I did wrong that would be helpful ) my current code: <form action="/index.php?a=admin" method="post"><div class=""> Site Title: <input type="text" name="addtitle" value="" required/><br /> Site URL: <input type="url" name="addurl" value="http://" required/><br /> Site Description: <br /><textarea lass="ads" name="adddesc" required></textarea><div align="center" class="g-recaptcha" data-sitekey="6LfDoAYTAAAAAOUmPcjfwv3I84xYqFBV5tyQMPJu"></div></div><br /><input type="submit" value="Add new result"/></form> Any help works!!!
  15. Hello,I have recently created a new "feature" to a web browser that I am working on where users can add their own website. To do this they just type the title, URL, and description into the form and press submit. However I am worried about people submitting bad websites that I don't want to see on this browser. With that being said, is there a simple way to BlackList certain words from being typed into the form? So that you can not press submit or something.Thanks.
  16. •Greetings! I would be soo grateful for some assistance or some direction. Even a link to another post would be radical. I am a brand new member and would truly appreciate some help. I have purchased a .com and am attempting to slowly but surely customize my site away from a template. •Current Issue I am attempting to add a specific CSS code into HTML tags via the web builder I am currently using. I feel I am either super close or I need to educate myself back at square 1 ... pls help! •Current Attempt <!DOCTYPE html> <html> <head> <style scoped=""> div.generic .button { border: 0px solid #0a3c59; background: #3e779d; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #65a9d7, #3e779d); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 12.5px 25px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0; box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0; text-shadow: #7ea4bd 0 1px 0; color: #06426c; font-size: 24px; font-family: helvetica, serif; text-decoration: none; vertical-align: middle; } .button:hover { border: 0px solid #0a3c59; text-shadow: #1e4158 0 1px 0; background: #3e779d; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #65a9d7, #3e779d); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); color: #fff; } .button:active { text-shadow: #1e4158 0 1px 0; border: 0px solid #0a3c59; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d)); background: -webkit-linear-gradient(top, #3e779d, #65a9d7); background: -moz-linear-gradient(top, #3e779d, #65a9d7); background: -ms-linear-gradient(top, #3e779d, #65a9d7); background: -o-linear-gradient(top, #3e779d, #65a9d7); background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%); color: #fff; } </style> </head></html> Thank You
  17. Hello, I have been developing a website for a school project in html, css and javascript. We'll be using the website for an interactive board game. One of the most important elements of the website are the scoreboard and the game questions. The game questions basically give a specific amount of points if correctly answered. The points will then be sent to the scoreboard, and saves it. The scoreboard makes use of cookies to save the data/reset the data. And here comes my problem.. the scoreboard works great in Internet Explorer and Firefox, but not in Google Chrome. I have followed a tutorial on how to use cookies on w3schools (http://www.w3schools.com/js/js_cookies.asp) to help create the scoreboard. The cookies apparently do not work for me when I use Google Chrome, which is very unfortunate. I would really like the website and cookies to be cross-browser compatible, and therefore I need some help. If anyone could help me out, then that would be great! These are my scripts: index.html <!doctype html><html lang=nl><head> <meta charset=utf-8> <script src="cookie.js"></script> </head><!-- dit is jouw hoofdpagina. zie ook commentaar op pag2.html Script toevoegen op al je pagina's bij je hoofdpagina bij de body onload=checkScore() toevoegen--><body onload=checkScore()> <a href=pag2.html>Klik hier voor 10 punten</a><br> <a href=pag3.html>Klik hier voor 5 punten</a> <!-- deze div moet toegevoegd worden op de plek waar je de score wilt zien --> <div id=score> </div> <!-- button om de scores op nul te zetten --> <button onclick="reset()">Reset</button></body></html> pag2.html <!doctype html><html lang=nl><head> <meta charset=utf-8> <script src="cookie.js"></script> <script> var erbij=10; function terug() { createCookie("erbij", erbij); window.location.assign("index.html"); } </script></head><body> <button onclick="terug()">Terug</button> <button onclick="erbij=erbij+1">punten</button></body></html> pag3.html <!doctype html><html lang=nl><head> <meta charset=utf-8> <script src="cookie.js"></script> <script> var erbij=5; function terug() { createCookie("erbij", erbij); //window.history.back(); window.location.assign("index.html"); } </script></head><body> <button onclick="terug()">Terug</button></body></html> cookies.js function checkScore() { var s=getCookie("score"); if (s != "") { erbij=getCookie("erbij"); if (erbij == "") { erbij="0"; } score= (parseInt(s)+parseInt(erbij)).toString(); createCookie("score", score); } else { score="0"; createCookie("score", score); erbij="0"; createCookie("erbij", erbij); } document.getElementById("score").innerHTML="Score: "+score; } function createCookie(name, value, days) { var expires; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toGMTString(); } else { expires = ""; } var t=name + "=" + value + expires + "; path=/"; document.cookie = name + "=" + value + expires + "; path=/"; } function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1); if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } function eraseCookie(name) { createCookie(name,"",-1); } function reset() { document.getElementById("score").innerHTML="Score: 0"; eraseCookie("score"); eraseCookie("erbij"); } All I need is the cookies to work in Google Chrome. Thanks in advance, Es_Dexter
  18. psychoboy

    Dropdown menu

    Hey , I have a problem with the positioning of my dropdown menu .. All is working fine but when I hover with my mouse the dropdown doesn't paste the initial menu . If someone could help me <html> <head> <style> #nav ul{ display: table; margin: 100px auto; width:700px; padding: 0px; font-size:25px; font-weight:bold; background: Gray; background: -webkit-linear-gradient(Gray, DarkGray); background: -moz-linear-gradient(Gray, DarkGray); background: -ms-linear-gradient(Gray, DarkGray); background: -o-linear-gradient(Gray, DarkGray); background: linear-gradient(Gray, DarkGray); border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15); } #nav ul li{ display:table-cell; } #nav ul li a{ display: block; text-align: center; color: rgba(0, 0, 0, .7); padding: 8px 8px 17px 8px; text-shadow: 0 1px 0 rgba(255, 255, 255, .4); box-shadow: 0 1px 0 rgb #A9A9A9 inset, 0 -1px 0 hsl(210, 100%, 32%) inset, 0 -2px 0 hsl(210, 100%, 38%) inset, 0 -3px 0 hsl(210, 100%, 44%) inset, 0 -4px 0 hsl(210, 100%, 50%) inset, 0 -5px 0 hsl(210, 100%, 60%) inset; } #nav .divider-vertical{ border-right: 1px solid grey; } #nav .elem { display:none; position:absolute; width:inherit; } #nav .elem li{ background:#262626; display:block; text-align:center; } #nav .elem a{ color: white; font-size:25; text-shadow: 0 1px 0 rgba(255, 255, 255, .4); } #nav li:hover > .elem{ display:block; } </style> </head> <body> <div id="nav"> <ul> <li><a href="#">a</a></li> <li class="divider-vertical"></li> <li><a href="#">b</a></li> <li class="divider-vertical"></li> <li><a href="#">c</a></li> <li class="divider-vertical"></li> <li><a href="#">d</a> <ul class="elem"> <li><a href="#">d1</a></li> <li><a href="#">d2</a></li> <li><a href="#">d3</a></li> </ul> </li> </ul> </div> </body></html>
  19. Hi guys,My website is www.ambitionrecords.tictail.comI'm having trouble with my current site, turns out you can use code to edit it entirely, however all I want to do is swap a hyperlink so that when you click on "Store" it doesn't go to the page that displays all products, instead it goes to "Just In". This is because on the default page which displays all products it only displays up to 100 products. So any products after this limit aren't visible on this page, but are visible on the sub-category of "Vinyl" so in essence when people click the store button I want it to go directly to the sub-category "Vinyl", any idea how to do this? If you could give me any help with this that would be great as the fact that I can't currently display all products whilst I'm setting up my new store means I'm losing sales,Thanks for any help you can give me,Angus
  20. So, I'm trying to make this website for a friend and the sidebar is not cooperating! It is having a bit of issues it keeps on going underneath all of the content instead of going to the right side like it is supposed to do! I'm going to insert some code and tell me if you see something that will make the sidebar go off to the bottom instead of going to the side! Sorry the code snippet is not working <html> <head> <title>About Us | NueroEdge</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]--> <script src="js/jquery.min.js"></script> <script src="js/jquery.dropotron.min.js"></script> <script src="js/skel.min.js"></script> <script src="js/skel-layers.min.js"></script> <script src="js/init.js"></script> <noscript> <link rel="stylesheet" href="css/skel.css" /> <link rel="stylesheet" href="css/style.css" /> </noscript> <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]--> </head> <body> <!-- Header Wrapper --> <div class="wrapper style1"> <!-- Header --> <div id="header"> <div class="container"> <!-- Logo --> <h1><a href="#" id="logo">Solarize</a></h1> <!-- Nav --> <nav id="nav"> <ul> <li class="active"><a href="index.html">Home</a></li> <li> <a href="">Dropdown</a> <ul> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Magna phasellus</a></li> <li><a href="#">Etiam dolore nisl</a></li> <li> <a href="">Phasellus consequat</a> <ul> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Phasellus consequat</a></li> <li><a href="#">Magna phasellus</a></li> <li><a href="#">Etiam dolore nisl</a></li> <li><a href="#">Veroeros feugiat</a></li> </ul> </li> <li><a href="#">Veroeros feugiat</a></li> </ul> </li> <li><a href="left-sidebar.html">Left Sidebar</a></li> <li><a href="right-sidebar.html">Right Sidebar</a></li> <li><a href="no-sidebar.html">No Sidebar</a></li> </ul> </nav> </div> </div> </div> <!-- Main --> <div id="main" class="wrapper style4"> <div class="container"> <div class="row"> <!-- Content --> <div id="content" class="8u skel-cell-important"> <section> <header class="major"> <h2>WE ARE NUEROEDGE</h2> <span class="byline">POWERED BY ANAZRO</span> </header> <div class="wsite-spacer" style="height:53px;"></div> <img src="imagesNueroEdgeLogo.png"align="left" height="150" width="160" ><div class="paragraph" style="display:block;"><font size="3"><strong>H</strong>ello, and welcome to our team Nueroedge! The world's upcoming top organizational Team. #NueroEdge. It was first founded January of 2015. Yes, We are fairly new but we also have a vision for one of the bigger computational team! If you have any question about you security visit our <a href="/privacy-policy.html" title="">privacy policy</a> and/or our <a href="/contactus.html" title="">contact us</a>! We know that we are a fairly new company and we want to respect your privacy and be the next big thing!</font></div> <hr style="width:100%;clear:both;visibility:hidden;"> <aside><a class="twitter-timeline" href="https://twitter.com/NueroEdge" data-widget-id="574673632108134400">Tweets by @NueroEdge</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></aside></p> </div> </section> </div> <!-- Sidebar --> <aside> <div id="sidebar" class="4u"> <section> <header class="major"> <h2>Etiam malesuada</h2> </header> <ul class="default"> <li><a href="#">Pellentesque lectus gravida blandit</a></li> <li><a href="#">Lorem ipsum consectetuer adipiscing</a></li> <li><a href="#">Phasellus nibh pellentesque congue</a></li> <li><a href="#">Cras vitae metus aliquam pharetra</a></li> <li><a href="#">Maecenas vitae orci feugiat eleifend</a></li> <li><a href="#">Phasellus nibh pellentesque congue</a></li> <li><a href="#">Cras vitae metus aliquam pharetra</a></li> </ul> </section> <section> <header class="major"> <h2>Mauris vulputate</h2> </header> <ul class="default"> <li><a href="#">Pellentesque lectus gravida blandit</a></li> <li><a href="#">Lorem ipsum consectetuer adipiscing</a></li> <li><a href="#">Phasellus nibh pellentesque congue</a></li> <li><a href="#">Cras vitae metus aliquam pharetra</a></li> <li><a href="#">Maecenas vitae orci feugiat eleifend</a></li> <li><a href="#">Phasellus nibh pellentesque congue</a></li> <li><a href="#">Cras vitae metus aliquam pharetra</a></li> </ul> </section> </div> </div> </div> </div> </aside> <!-- Team --> <div class="wrapper style5"> <section id="team" class="container"> <header class="major"> <h2>Key Members/Co-Founder</h2> <span class="byline">These are the people who make it Happen! Click the Picture for twitter</span> </header> <div class="row"> <div class="3u"> <a href="#" class="image"><img src="images/ryantarson.png" alt="" style="width:162px;height:162px"></a> <h3>Ryan Tarson</h3> <p>Ryan is a Contributor, Website Developer, Social Media Admin, Account Managers, Hosting, Financial Advisor, PC Gamer/PC streamer</p> </div> <div class="3u"> <a href="#" class="image"><img src="images/kavini.png" alt="" style="width:162px;height:162px"></a> <h3>Kavin I.</h3> <p>Kavin is a Contributor, GFX Artist, Streamer, Competitive Gamer, Social Media Moderator, Account Manager</p> </div> <div class="3u"> <a href="#" class="image"><img src="images/placeholder.png" alt="" style="width:162px;height:162px"></a> <h3>Help Wanted</h3> <p>Another Develper Needed</p> </div> <div class="3u"> <a href="#" class="image"><img src="images/placeholder.png" alt="" style="width:162px;height:162px"></a> <h3>Help Wanted</h3> <p>Streamer/Competitive Player. Trust worthy</p> </div> </div> </section> </div> <!-- Footer --> <div id="footer"> <section class="container"> <header class="major"> <h2>Connect with us</h2> <span class="byline">Want to stay up to date? Follow our Social Media Networks.</span> </header> <ul class="icons"> <li class="active"><a href="https://www.facebook.com/pages/NueroEdge/1560679180842070" class="fa fa-facebook"><span>Facebook</span></a></li> <li><a href="https://twitter.com/NueroEdge" class="fa fa-twitter"><span>Twitter</span></a></li> <li><a href="#" class="fa fa-youtube-play"><span>YouTube</span></a></li> <li><a href="https://plus.google.com/111096761474269802283/about" class="fa fa-google-plus"><span>Google+</span></a></li> <li><a href="#" class="fa fa-envelope"><span>Mail></a></li> </ul> <hr /> </section> <!-- Copyright --> <div id="copyright"> ©2014 <a href="http://nueroedge.com">NueroEdge</a> All Rights Reserved | <a href="http://nueroedge.com">Contact Us |</a> <a href="http://nueroedge.com/cc0">Team Members </a> </div> </div> </body> </html> Please help me out, Thanks!
  21. Hello everyone, I am kind of new to HTML and I am using this website to make it and I think I am doing well. I have had some help with CSS because I find that really hard. Anyway on to my original point... I am using XenForo as my forums and I am attempting to make a form on one of the pages. I have got the form sorted I just need a place to submit it to. I was hoping to make a thread on a certain category. So if someone fills in the form it will be: That will be on a thread. ^ I want to know how to do this using html. If anyone can help please do so! Thanks for your help. *I know XenForo has addons for this type of thing but I won't pay $30 for something I can do with a bit of help.
  22. how can I keep 2 columns where 1 column is on the left side and other columns will be right side and centre will contain div. how can I place 3 columns in one area
  23. Hello I have made a map for my community, but im having some issues... I want to be able to move the mouse over to a certain section of the map and it change colors like a blue or a red. If this is not possible is there a way to do it where just that section is highlighted, for example this first area shape is a polygon, but when i try to the entire map gets highlighted instead. Im not all that experience with html even less so with jscript so im not even sure not to set that up, with this. If someone could at least help me with that first coord that would be awesome. ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ <head> <style type="text/css"> .pic{ width:640px; height:428px; opacity: 1; filter: alpha(opacity=100); no-repeat; } .pic:hover { opacity: 0.3; filter: alpha(opacity=30); } </style> </head> <body> <div class="pic"> <img src="https://pbs.twimg.com/media/B9ii-g5IQAAwho5.png:large" width="640" height="428" alt="Halo Risk Map" usemap="#haloriskmap"> <map name="haloriskmap"> <area shape="poly" coords="175,293, 161, 294, 155, 287, 145,285, 145, 268, 161, 243, 171, 242, 177, 246, 175, 259, 171, 262, 171, 269, 178, 277, 178, 287" href="www.deadlysinsgaminghq.enjin.com" alt="1"> </map> </div> </body>
  24. Hi there, I am in college right now and I am learning Javascript. I have a lab that requires I display three coloured buttons on the screen that are completely random in order. Now when these buttons are all green, all red, or all blue, you get a bonus to how many points you get. The code below is what I have so far, but right now I want to explain my thinking process and maybe get some help from you guys to help me better my thinking process. What my teacher told me to do was this. at the start of body, create 3 image elements (<img>) with different id's. put your script element on the bottom of the body. in your script, after declaring those vars and assigning them random values, use document.getElementById to get those image elements and put them in their own variable example: var button1 = document.getElementById("image1"); then create a function which takes two arguments; one will be one of the image elements you created variables for and the other will be the accompanying random number that you created. In the function, change the src of the image to red if the number is 1, to green if the number is 2, to red if the number is 3 etc call your function 3 times with the proper variables and you'll be good to go Now I tried my best to make sense of it, but I just could not figure it out. Basically what I am thinking here is that you are making an image tag and giving it an id so in the future you can use the id for something else. It will take the properties of the image tag. Then you set your 3 variables for random numbers. Each of these vars will be assigned to a different button (so 3 in total) then next is where I get really confused. I guess my main question is, is how do you randomize the buttons using code close to what I have here. I have not learned loops or arrays yet so if I do get any help, try not to use those. Also you can see how somewhere in there I tried to do an if statement but it just wasn't making sense to me. <!doctype html><html><head></head><body><img id = "button1"><img id = "button2"><img id = "button3"></body><script>var randomNumberOne = Math.ceil(Math.random() * 3);var randomNumberTwo = Math.ceil(Math.random() * 3);var randomNumberThree = Math.ceil(Math.random() * 3);var red = document.getElementById("button1").src="red.jpg";var green = document.getElementById("button2").src="green.jpg";var blue = document.getElementById("button3").src="blue.jpg";function randomButton(){ if(randomNumberOne === 1) { }}randomButton();</script></html>
  25. I wonder if anyone here can help me... I am having troubles with the table code. It is messing with other elements on my page. Does anyone know how I can fix it so that it only adds a border to the sections I want to have borders and not to everywhere on the page? Every time I add html code bits to my page to create these: It makes the Header look like this: When it is supposed to look like this: *I use weebly as my website building platform, so the elements in the first picture above was created with the custom element tool. Each product block is a single cell table, and this is the code I am using for each product block (apart from a few URLs and Text, etc... each one is the same): <!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid #DCDCDC; padding: 1px; } table { border-spacing: 1px; } th, td { padding: 5px; } a { text-decoration: none; } p.small { line-height: 60%; } </style> </head> <body> <table style="width:100%"> <tr> <td><div align="center"> <a href="http://www.rebeckahstreasures.com/happily-ever-after-crochet-pattern-for-fashion-dolls.html"><img src="http://www.weebly.com/uploads/1/4/3/9/14399682/1012548_orig.jpg" alt=”Happily Ever After Fashion Doll Crochet Pattern PDF $10.00 by Rebeckah’s Treasures - You can be a designer too when you mix and match necklines & silhouettes! Grab your copy today here: http://goo.gl/5bXO46 #crochet #pattern #barbie #toys” border="0" width="100%" style="margin:3px 0px"/><h4 style="margin:0px 0px">"Happily Ever After"</h4><h5 style="margin:0px 0px">Crochet Pattern</h5></a> <p class="small" style="margin:0px 0px"><em> $10.00 USD</em></p> <a href="#" onclick="R.cart.add(36645, 220124); return false;"><img src="http://www.weebly.com/uploads/1/4/3/9/14399682/_8947683_orig.png" border="0" width="120"style="margin:0px 0px"/></a></div></td> </tr> </table> </body> </html> Thanks in advance!
  • Create New...