I am having a hard time figuring out how to prompt a user then save that prompt into a cookie.. I am wanting to make a option on my forum to have someone open a prompt enter an image url then save that url into a cookie as well as writing their response into a img tag to make it a background.. I already have a script to save backgrounds images but was wanting an option to allow my users to pick there own favorite image.
View 1 RepliesI'm trying to make a code for something on a forum. It will prompt the user for a yes or cancel, then save a cookie with their answer. Then the next time the script is called, it will check for the cookie. If there is one saved, it won't prompt and use that value.
Here's my breakdown (hope this is right)
1. Have a popup box that prompt for a 'yes' or 'cancel'
if(window.confirm("Use WHATEVER theme?"))
{
* * location.href = "URL HERE";
}
2. Save a cookie with the answer. I really don't have a clue other than the fact that you use setCookie(name, value, expire). I'm guessing that there will need to be something special in the value section.
3. When the script is loaded, it will check for the cookie saved and do whatever was save. Again, I know I'll need the getCookie function, but I don't know what else.
Can I make a list of hyperlinks that users can customize and save as a cookie by clicking a button and automatically retrieve the cookie so it remembers their list next time? This is kind of what I want to do:
[Code]...
I am making a sort of text based game (Just a hobby) I like to do that sort of thing. So, anyway, considering all I can really do is code HTML, and very, very light javascript, I kinda need some help.
I basicly know how to do everything except affect & Use the cookies. So what I need to do with them is to
#1.) Have a code to change the cookie number, say... on the click of a button.
#2.) Have a code where it only displays certain text if the cookie is a certain number.
I cant code JS and have no idea how hard/easy this is.
If it is insanely hard & needs a master coder, just tell me and ill take it off. I dont want to be wasting anyones time.
I have an embedded system with a web interface. One of the web pages
has a small JavaScript program that, when run on IE6, always displays
the message that cookies need to be enabled:
if (document.cookie.indexOf('asm_session') == -1)
{
document.cookie = 'asm_session=0'
if (document.cookie.indexOf('asm_session') == -1)
{
document.write("Advanced System Management access requires
cookies to be enabled."+'<br><br>');
}
}
This problem only occurs with IE6, not Mozilla. It also only happens
on some of the embedded systems, but this problem exists for everyone
running IE6.
The problem isn't limited to the Javascript code, either. On another
web page from this embedded system, a cookie is set the normal way,
via the HTTP header. This cookie is also rejected.
When I display any page that attempts to set a cookie, IE6 displays
the blocked icon and says that cookies on that URL are blocked.
However, I have set all privacy and cookie options to their most
permissive. I've spent the past hour changing every option I can find
that's even remotely related to cookies and privacy, and nothing
changes. Does anyone have any idea what's going on?
In my web application we are able to store large data in the browser
cookie keeping in mind the limit of 300 cookies per cookie file, 20
keys per cookie per domain and 4KB max size of each cookie. We are
unable to retreive this large amount of data immediately after storing
through document.cookie in IE browser (The same works fine in
Netscape).
Is there any limit on the size of the data that can be retreived using
document.cookie in IE browser? Could you please suggest a solution to
this problem I am facing.
I am trying to set a cookie in my cookie directory but this is not working.
document.cookie = "username=John;
expires=15/02/2015 00:00:00";
I'm sure this is really simple, but I can't figure out how to prompt a user before they delete an entry in my database-driven website.
I have this:
$("a.deleteprompt").click(function()
alert("Are you sure you want to delete this entry?");
});
But the only option there is 'Ok'. I need to set this up with a 'Cancel' option as well, but don't want to use a plugin like Impromptu to do so as it's overkill.
I want to insert a nested <div> into an existing span in a number of table cells, each of which has different content, so:
<td><span>Content</span></td>
would be 'converted' to
<td><span><span>Content</span></span></td>
I have tried:
$('tr td span').prepend("<div>");
$('tr td span').append("</div>");
However, this actually seems to produce
<td><span><div></div>Content</span></td>
I have also tried something along the lines of
$('tr td span').html("<div>" + $(this).text() + "</div>");
but have been having trouble using the this keyword to produce the required effect.
I have a need to use jquery to insert a row into a table (individual cells within row include images, input box, radio buttons; each with their own attributes). So far i've only been able to append rows to existing rows, or clone an existing row. Is it possible to insert a new row? The table html is already present. I have searched high and low for examples of this to no avail. Here is what the empty table looks like:
<!-- sub table for answer options -->
<table id="white_background" cellpadding="0" border="0">
<tr><td>
<table id="answer_options" cellspacing="1" cellpadding="3" border="0">
[Code].....
I'm working on a project that requires me to take numerous classes and put these within a list-item. I have been trying to do this with different methods, such as before, insertBefore and Prepend. All these methods have had the same result.
Instead of inserting a single <li> in front of the class, a complete list-item has been inserted (<li></li>.
this is the code I'm using:
<script type="text/javascript">
$(document).ready(function(){
$('.ngg-gallery-thumbnail').insertBefore('<li>');
[code]....
For testing, I wrote 1 line of code inside a form:
<script language=javascript type=text/javascript>
$('div').after('<input name="myvariable" value="My value"/
So for a site I maintain,InsideCCS, I have the following code for dynamically inserting stylesheets on a page:
var newCSS = [];
$.each(options.styles, function(index) {
newCSS.push('<link href="/styles/'+options.styles[index]['href']+'" media="screen" rel="stylesheet" type="text/css" class="dynamic_css" />');
[Code]......
Seems simple enough in theory. I have multiple divs, all with the class of "post". in the middle of those i have a blank div named "photoholder". All i'm trying to do is remove the images from any "post" div, and insert them into the nearest "photoholder" div. here's what i got which doesn't work at all:
[Code]...
jQuery and have the following Problem:
Suppose i have a table, like that:
<table class="conTab" id="TA">
<thead>
<tr>
<th>col1</th>
[Code]....
After inserting this new table row i would like to sort the table by the first column (or any attribute of the first columns td elememts). I tries some Plugins like tinysort right now, but they only sort the "fixed" rows, not the dynamicly added.
The table should be sorted automaticly, the user should not be able to sort it.
I know this functionality can be achieved using frames, but I'm trying to avoid that because it seems to break everything else when I do use them!
Here is a snapshot from my website, in basic form at the moment:
What I am trying to do is: make the names on the left side adjust the text on the right side. However, I would like to be able to put the text / pictures for each link in a separate HTML, to make it easy to update and add new ones in the future. Is there some way to do this in jQuery, preferably that does not require a huge knowledge of programming?
I've the following html:
Code:
And javascript:
javascript Code:
So what I need to do is to simply clone the row, substitute new values from an array and insert it after the last existing row (if array's size more then 1). But this doesn't work! Where is an error?
I have a checkbox where if a user clicks it, the address fields gets removed and if he clicks it again, it should add those address fields back.I can get it to remove it successfully but when I try to add those fields back, I get [object Object] displayed instead.
var detached_fields = '';
//$("input[name='online_only_bus']") is the checkbox
$("input[name='online_only_bus']").click(function(){
[code]......
im using the jquery accordian on two divs, the first time the page loads the first div displays as it should you then click the header and the second displays as it should.but when you click on the 1st header to display the first content again the content has scroll bars AHH
View 1 Replies View Relatedmy script looks like this:
var doc = frames[0].document;
doc.open();
doc.write(data);
if($.browser.mozilla){
[code].....
"data" is a string with html content. this works quite good in all browsers but I wonder if there is a better solution.firefox doesn't load the content correctly if the content is too large and doc.close() is called too early.
I am using what I thought was a fairly standard way to add table rows. Generated a string - and then $("#table1 tr:last").after(totalString)
However, in IE7 this completely fails and in IE8 it appends to the top of the page.You can see this here:[URL]...
I've been working on this for quite a while trying to figure out why I can only get a click to be recognized by IE once. If a user clicks on another element, and then goes back to the original one, nothing happens. I've gone right down to this
<code>
jQuery("ul.showList li.show div.showData, ul.myShowsList li.show
div.showData, ul.myFriendsShowsList li.show div.showData,
div#popForecast li.show div.showData, div#gigList li.show
[code]...
I have two divs: #div1 and #div2. what I'm trying to do is attach the second div to follow directly to the right of the first div, but I'm doing something wrong with the left property:
$('#div2').hide().insertAfter($('#div1'));
$('#div2').show().css({$('#div1').css('left', 100%)});so to recap, just trying to insert the second div directly to the right of the first one.
I am currently working on a site as part of a student work term. One of the features of this site is the ability to upload a resume. The resume can have a arbitrary number of "work experiences". I have set up a form and want the user to be able to add new input elements with a click of a button. Here is a very pared down(for simplicity) version of the form:
[Code]....
How can get the keyUp event of TextField when inserting using append() into a table.
$('a.newRow').click(function(){
var tableName;
// alert("hi");
//alert("1: "+$(this).parent().attr("class"));
[Code].....
This is essentially the effect I'm going for:
function quickadd() {
$('.menu').addClass('red').delay(1000).removeClass('red');
}
So, from what I've gathered from the docs, this doesn't work because the addClass and removeClass functions don't observe the queue. How could I get around this and setup a function that will add a class, wait a second, then remove that class? Would it require me to go outside of jQuery a bit and use some standard JS?