|
JavaScript - General Question As I Am Learning Javascript/jquery
Hi, as the title states, I'm trying to learn some basic javascript, more particularly, jQuery.
I HATE having to "allow" active content to run on my IE browser. Is there a way to allow active content permanantly? Instead of having to click allow each time I refresh or reload my test pages? Also, IE keeps freezing or crashing when I run pages with scripts on them. Is this just my browser? or something to do with the active content permissions? Trying to google my questions, but no luck yet. Similar TutorialsI have a general javascript question. It may apply in this forum but maybe in the asp forum. I have a java applet on a site that I am building. If someone visiting the site doesn't have their javascript turned on, and chooses not to, is there some line of code that I can use that will detect that and replace the applet for an image I create? The site is developed in asp, but being that it is a javascript question, I thought it may apply here. Gary Hello, posted this on dynamicdrive.com with no response, so I am trying this forum. I have been assigned to build a content locator. We cannot use a database and all content needs to load from same page. Based on my boss' design and client needs, this is what I came up with: http://contentx.com/content_locator/ I am using a Dynamic Drive script to power the dropdown and content underneath the drop down, http://contentx.com/content_locator/js/dd_cx_script.js and using a JQuery script to change the content in the window to the right. http://contentx.com/content_locator/...s_cx_script.js My questions a 1) Is there a better method to do this? (stupid question I know... of course there is!!) I would like it to be as simple as possible, no animation needed. Just need to have content from the DIV on the right side load content in the Main body div on the left (the box) 2)Is it possible to change the content on the right side when you select an option from the drop down? (say I select <option>Free Campaigns</option> I want the content to change on the right to match one of the free campagins) 3)Finally, my margins in IE 7 are all over the map, looks great in all other browsers, but in IE my TABS (colored green and blue) are about 10pixels up to high, and my belowcontent div on the left has a top margin of 12px below the dropdown... Thanks for any help, zack I create a cookie on my homepage that tracks a number, the next time they view, js calculates another number and subtracts the saved number. Is the cookie value created accessible from a page other than the home page? i.E. I want to create a popup window that shows the calculation but i can seem to pass the variable generated from my external js script to the internal script/page. Am i able to call the getCookie class i created from the internal script even if the class is held in the external script or is it only accessible from the page that created the cookie? If its a dumb question, sorry im relatively new. Hi, To put it bluntly I am a newbie to Javascript. I manage my own site using skills I have developed through learning code and need some help with debugging. My website is www.simplysafes.co.uk, in my IE it tells me I have an error with line 106 and char 2. Can anyone help me with this?? I would really appreciate it. Thanks in advance. James Code: <HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
//Define Functions
function student(name,age,mother) {
this.name = name;
this.age = age;
this.mother = mother;
this.displayProfile = displayProfile;
}
function grade(math,english,science) {
this.math = math;
this.english = english;
this.science = science;
}
function displayProfile() {
document.writeln("Name: " + this.name + ");
document.writeln("Age: " + this.age + ");
document.writeln("Mother's name: " + this.mother + ");
document.writeln("Math Grade: " + this.grade.math + ");
document.writeln("English Grade: " + this.grade.english + ");
document.writeln("Science Grade: " + this.grade.science + ");
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT TYPE="text/javascript">
{
student1 = new student("John",18,"Diane");
johngrade = new grade(100,80,90);
student1.displayProfile();
}
</SCRIPT>
</BODY>
</HTML>
Alright, I am learning javascript and in the middle of experimenting with functions, I don't see why this does not work? So should I be learning javascript, what am I going to achieve by understanding this language? My background: Designed a website for my wifes shop: http://www.eden-flowers.co.uk Enjoyed the html and css design side of things, then we decided to add a shoppping cart, to see if we could sell a few products online. Used opencart by the way, which I thought was a good free product and reasonably easy to implement. Having looked deeper into the opencart noticed that it used PHP, so I'm thinking I would like to understand this better. And here I am now trying to understand Javascript purely because I use w3schools alot for reference and their next logical step seemed to be Javascript. I'm rambling, but if you care to respond to this very open question, then pls feel free to voice your opinion/suggestions. Hello, I'm new to this forum. I want to improve my ability to write JavaScript and am looking for a friendly place to find some constructive criticism and suggestions on my code. This script does not have any practical use (that I can think of); it calculates prime numbers. It is just an exercise. I am looking for suggestions on all aspects from the CSS/aesthetics to the HTML and of course the JavaScript. I posted the script here. One definite thing that bugs me is the cursor is not in the text field when the page loads. Also it would be better if the user had the option of hitting the return key in addition to the submit button. Suggestions appreciated. Code: <!DOCTYPE html>
<html lang="en">
<head>
<title>Prime Number Calculator</title>
<style type="text/css">
form{
width: 200px;
border: solid 3px blue;
border-style: double;
padding:5px;
text-align:center;
background-color:#eee;
}
#title{
text-align:center;
border: solid 1px blue;
background-color:#fff;
margin:5px;
padding:0px;
}
</style>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var candidates = new Array();
function calculatePrimes(form){
var max = form.input.value;
//Check to make sure input is a number
if(isNaN(max)){
alert("Dude, you must enter a number!");
}
for(i=2; i<=max; i++){candidates[i]=i;}
var i=2;
for(i=2; i<Math.sqrt(max); i++){
if (candidates[i]!=0){
var j=i*i;
while(j<max){
candidates[j] = 0;
j=j+i;
}
}
}
//Pull the primes out of the candidates
i=2;
var primesOut = "";
for(i=2; i<max; i++){
if(candidates[i]!= 0){
primesOut = primesOut + ((i>2)?", " : "" ) + candidates[i];
}
}
form.output.value = primesOut;
}
</script>
<head>
<body>
<form>
<h2 id="title">Prime-Number Calculator</h1>
Check up to:<input type="text" name="input" size="5" value="100" \> <br />
<textarea rows="5" cols="20" name="output"></textarea>
<input name="calc" value="Find!" type=button onClick="calculatePrimes(this.form)">
</form>
</body>
</html>
Hi, I'm in the process of learning JavaScript. I picked up a "JavaScript for dummies" book at the library and it wasn't going too well. It was poorly written and made it difficult to understand things in the later chapter. What is the best online resource to learning JavaScript? Preferrably one that is good at explaining format ( I often find myself wondering if certain aspects in my script need ()'s or a "=" sign). For example, HTML has tags and that is what forms the mark up. I know JavaScript has multiple aspects (functions, objects), but I want an online resourcethat properly explains the format of these aspects. Thank you Hello everyone, I am currently going through the process of learning JavaScript and I am enjoying it. I also know enough about HTML & CSS and I am learning more and more each day. I started doing this because I figured that finding a technical co-founder is extremely hard and I have always been interested in web and app development, so why not learn... I was wonding whether someone could direct me? I want to be able to develop websites such as scan.me or gumroad.com (similar concepts). Which code stack are these websites generally made up of (e.g php, HTML CSS and java). I'm hoping to develop my own platform/concept in the future but I am just trying to get a general idea of the direction I am going down. Thanks, Paul In order to learn "cool" javascript such as rollovers that you find on websites today; what would any of you guys reccomend me doing. I want to learn how to make my webpage interactive and i know what i want to do; i just dont know how to do it any suggestions are welcome; thank you Hello all. I have been taking a JavaScript course on Udemy that while has been a very good course as far as I can tell, it has been short on practical exercises. Lots of examples, lots of showing different concepts and methods, etc, just short on the reinforcing and confidence building exercises. Thus, the point to my post here. I wish there were some kind of web developing club here locally but alas if you don't hunt, fish, drink or chew tobacco you are kind of left out, LOL. Well its not that bad, I make fun of it, but sometimes it seems so. At any rate, I'm looking for some kind of resource or something I can participate in that will help me use what I am learning and help me build some experience, etc. I want to get past the 'noob' stage as quickly as I can and as far as I know the quickest way to do that is to start coding even if its really simple stuff and working to more complicated coding. So, does anyone know of such resources? Thanks in advance for your time and help. I have a form validation with an AJAX username check and it works perfectly on FF, but doesn't work in IE 9. I am a complete newb when it comes to Jquery and Javascript, so any help/suggestions would be greatly appreciated. Jquery: Code: $('#username').bind('blur',function() {
var formData = $('#register').serialize();
$.post('username.php',formData,processData).error('ouch');
function processData(data) {
console.log(data);
if (data=='pass') {
if (! $('#fail').length) {
$('#usernameavail').prepend('<p id=\"fail\">Username Is Available!</p>');
} else {
$('#usernameavail').html('<p id=\"fail\">Username Is Available!</p>');
}
} else {
if (! $('#fail').length) {
$('#usernameavail').prepend('<p id=\"fail\"><img src=\"http://images/error.png\"> Username Not Available</p>');
} else {
$('#usernameavail').html('<p id=\"fail\"><img src=\"http:///images/error.png\"> Username Not Available</p>');
}
}
} // end processData
}); // end submit
Here is the username field I am validating against the database for a duplicate username: Code: <input name='username' type='text' id='username' class='required' maxlength='20'> Thanks in advance. Im using the toggle script demonstrated he http://www.sohtanaka.com/web-design/examples/toggle/ It works perfectly, but im wondering if it is possible to have a button to expand all and contract all. Ive been reading through this page: http://api.jquery.com/toggle/ Im having a hard time understanding it, because this is one of the first things I have worked on with jquery. Can anyone help explain how I can do this? Ok super new to Jquery here. I finally got talked into trying it. Ok so... I have Code: function windowOpen() {
windowSize()
document.getElementById("action1").innerHTML = '';
action1.style.filter = "alpha(opacity=" + (0*100) + ")";
action1.style.opacity = 0;
var si = setInterval(function() {
io+=0.05;
action1.style.filter = "alpha(opacity=" + (io*100) + ")";
action1.style.opacity = io;
}, 100);
io = 0;
if(io==1) {
window.clearInterval(si);
}
clearMenu();
}
I would love to know how to replace that with the fadein() function. I'm looking for something like this Code: function windowOpen() {
windowSize()
document.getElementById("action1").innerHTML = '';
//THE FADE IN GOES HERE but how?
clearMenu();
}
ok last question. Do I need to hide my elements somehow differently in CSS before I can use this? update: ok so far trying this and its not working Code: function windowOpen() {
windowSize()
document.getElementById("action1").innerHTML = '';
action1.fadeIn('slow');
clearMenu();
}
finally made it work with Code: function windowOpen() {
windowSize()
action1.innerHTML = '';
action1.style.display = "none";
$("#action1").fadeIn(1300);
clearMenu();
}
Not entirely lost in the dark with jquery here, ive done quite a bit with it. I was just wondering if anyone might have ideas to solve this particular problem i am having. The code pretty much looks like this... Code: $('#created').hover(
function(){
if(y == false)
{
$(this).css({'border' : '1px groove #dfdfdf'});
$('div#csite').show('slide',{ direction: "down" },500);
$('div#sa').hide('slide',{ direction: "up" },500);
};
},
function()
{
$(this).css({'border-style' : 'none'});
$('div#csite').hide('slide',{ direction: "up" },500);
$('div#sa').show('slide',{ direction: "down" },500);
});
//home hover
$('#home').hover(
function(){
if(y == false)
{
$(this).css({'border' : '1px groove #dfdfdf'});
$('div#psite').show('slide',{ direction: "down" },500);
$('div#sa').hide('slide',{ direction: "up" },500);
};
},
function()
{
$(this).css({'border-style' : 'none'});
$('div#psite').hide('slide',{ direction: "up" },500);
$('div#sa').show('slide',{ direction: "down" },500);
});
The div sa is always present (its a sponsor logo) when hovering over a #created link or #parent site link, a div csite or psite comes up, (image representing parent site, image representing creator site) making them work is no problem however i was wondering if anyone had any ideas as how to change this so that when you are quickly moving from the created link to the parentsite the .hide and .show animation for #sa does not overlap, or does not fire otherwise they get in the way of each other... any help would be appreciated thanks in advance! OK, new to the boards. I prefer jQuery over flash and not sure how to tackle this, so please advise as best you can. Trying to create a site that allows for images to go full browser and then have the ability to have the other images slide in based on a click. I also want to float a menu that will allow it to pull in other media (video, that would slide in the same way). The best example I can share is this: http://j.mp/5U79i1 What he is using is flash based (slideshowpro director and slideshow pro for flash). Not interested in flash for this personal project. Any advice would be hugely appreciated. thanks in advance. What would be the best way to get data for a mobile site. I've tried using Jquery $.ajax to bring in the data from a php file. It seems to work however it takes some time to load without a way to really give a progress meter. I was wondering what the fastest way to do this would be. For instance it loads and loads then after a long while the alert(); pops up and the data loads into the page. Ultimately i was thinking i could use the ajax request to read in the data from the mysql database server, then transfer it to localstorage, im using HTML5 primarily for the development also just for reference. Somewhat new to mobile development i was just wondering if anyone had a starting point for me to look at and go from there. Code: $(document).ready(function($){
var dataret = 0;
$.ajax({
type: 'POST',
url: 'mobile.php',
beforeSend: function(){
$('#status').show();
},
success: function(data){
//initialize localstorage here
alert('success');
// if it takes as long as it does, a few minutes, at least show a loading bar...
$('#progress').progressbar({
});
},
dataType: 'json'
});
});
Thanks in advance! Hi, I have done a script in Jquery that resolved my problem in Firefox and Chrome but not in IE. Thought of going back to Javascript. Could you please update me the equivalent for this Jquery stuff. <script type="text/javascript"> jQuery(document).ready(function(){ var backSize = (${not empty param.backSize ? param.backSize : 0} + 1); $("#goBackResults").attr("href", "javascript:history.go(-" + backSize + ");"); var existingValue = 'backSize=' + (backSize-1); $("#when-did-i-buy .pageNum a").each(function(){ if ($(this).attr('href')) { var newValue = 'backSize=' + backSize; if ($(this).attr('href').search('backSize=')!=-1) { var t=$(this); t.attr('href', t.attr('href').replace(existingValue,newValue)); } else { $(this).attr('href', $(this).attr('href') + "&tabId=1&backSize=" + backSize); }} }); }); </script> Thanks, Ravi.P Hi, Can anyone help me on converting this code to jquery: Code: <html>
<head>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
function showonlyone(thechosenone) {
var noticecontent = document.getElementsByTagName("div");
for(var x=1; x < noticecontent.length; x++) {
name = noticecontent[x].getAttribute("name");
if (name == 'noticecontent') {
if (noticecontent[x].id == thechosenone) {
noticecontent[x].style.display = 'block';
}
else {
noticecontent[x].style.display = 'none';
}
}
}
}
function showall(id) {
showall.ud=showall.ud||false;
var i=1;
while (document.getElementById(id+i)){
document.getElementById(id+i).style.display=showall.ud?'block':'none';
i++;
}
showall.ud=!showall.ud;
}
</script>
</head>
<body>
<center>
<div id="parentdiv" >
<div id="expandall" onmouseup="showall('noticecontent')" >OPEN/CLOSE ALL</div>
<div id="noticeheading1" class="noticeheading" name="noticeheading"; onClick="showonlyone('noticecontent1');">Heading 1</div>
<div id="noticecontent1" name="noticecontent" class="noticecontent">awertysergyetwhwgertrhztrxdtykpopmift6hwe5awfwedaserhdy4hatefeshdgtrgd</div>
<div id="noticeheading2" class="noticeheading" name="noticeheading"; onClick="showonlyone('noticecontent2');">Heading 2</div>
<div id="noticecontent2" name="noticecontent" class="noticecontent">fh56serhgzsrxdtrjhgzsrltkjuytinubvre6io4exjhgftxtrokzet6ttawruthrthwru</div>
<div id="noticeheading3" class="noticeheading" name="noticeheading"; onClick="showonlyone('noticecontent3');">Heading 3</div>
<div id="noticecontent3" name="noticecontent" class="noticecontent">fdfjesrtaw5u4wgy5gw45use4syzerhgtawerfatrastaghgryseerathw5uz4de5ser5s</div>
</div>
</center>
</body>
</html>
thanks I have a code written in jquery which I have to transform to javascript. is there any tool for this or I have to do this manually? Please help.. |
|||||||