I am looking to implement javascript to do the following: I have a checkbox that I would like to control the a entire form below it. The form would be made up of several tables, text and radio fields etc. I have tried using various solutions, but only seem to get small parts to hide and not the entire tables. So for example, I am looking for something that would work like this:
[Code]...
I am working on a website which has a large image slideshow on top, with the logo. The content articles are in separate HTML files, and are embedded in the main document with a simple PHP include function.
The problem is that clicking on a link causes a refresh of the whole site, the gallery resets to the first image, and there's a momentary flashing of the screen.
I would like to explore the options of having only the main section update (somehow) when the user browses the site, leaving the rest intact, on screen.
I am worried about these potential issues:
- Will it be Search Engine friendly? (i.e. finding and indexing the separate articles)
- The vertical size of the site expands depending on the length of the content. Will this partial refresh be compatible with this?
What is the easiest way to print only parts of a page. I have a mail order page that lists the products ordered and the customers information, plus buttons and instructions. I all the info is correct I want the user to press a print button, but only want the items ordered and cust info to print, none of the buttons or instructions.
I read that I can use a hidden frame and print this frame but wanted to avoid frames. Is there another way?
I have a survey/form for people to fill out. It has 3 sections. The first question has 3
checkboxes asking which of the 3 events the person attended. I want to hide the 3 sections of the
form and then when the user checks the box sayign he/she attended certain events, to then show those sections of the form.
I'm wanting to hide certain divs within a container. If the sub div DOESN'T have a checkbox which is selected in it, then it should be hidden when you click the link. eg: if #2 and #5 checbox only where selected then divs(sub_1,sub_3,sub_4) would be hidden when link was clicked.
[Code]...
I have a form, what I want to happen is that a user clicks a checkbox and a list appears or is enabled so that the user can then select a option. Also when the checkbox is unchecked again, I want the list to disapear or become unabled and it's value set back to whatever was the default.
After a bit of looking around I thought I has done it, but no luck. Can anyone let me know whats going on here? Code:
Is there anyway to create a page w/ doctype or headers that tell the browser something like "there's JavaScript in this page and you have JavaScript turned on, but don't execute it because the developer was too lazy to validate the data".I'm looking to stop reflective xss attacks for parts of a certain page. There's always going to be that one user who throws a lot of junk into the form and eventually some combination of bad code will get through.
View 4 Replies View RelatedI'm using the following css code which wrapped around a dynamically populated field;<span class="ui-widget-header platform ui-corner-all"></span>
When the span is empty I want to hide it, and I've used this jquery to do this.
However, the ui-widget-header class appears to be stopping it from hiding - if I remove this class it hides fine.
I'm trying to hide tables in the code below, but it is not working.
Could someone take a look at my code?
I have 1 html page and 1 flash object on it when i click on that flash object than a image should b appear and flash object will hide when i click on that image than flash object should b appear and image will hide the page should b same no other pages
View 1 Replies View RelatedI am in the progress of building a new website; the layout and stuff is already done for the most part, but I am having a problem with the two order forms on my website. Well not the forms themselves, more with how they appear (and disappear).Like stated I have 2 forms on my website. When coming to my website they should be hidden (standard). When someone wants to order they press the link for order form A or form B.From here I am running into several problems.
Problem #1: I want each form only to appear when they click on a link.For example; when a person clicks on link 1 form A appears. If they click on link 2 form B appears.
Problem #2: If form A appears and they click on link 2, than form A should disappear and form B should be visible and the other way around.
Problem #3: Is it possible to load a page within the DIV for example I want form B to include extra-info.php.
Is there a simple way to just hide some text in a page? Browsing the documentation I found the .hide() function. But how can I tell jQuery to hide all occurrences of a specific string? If I use the :contains() Selector I can find the text but can only hide the element that contains the text not just the text.
View 2 Replies View Relatedi've hit a brick wall with this one and hoping someone can help. I'm using a simple tabs script (a customised version of one that jimmyP and pmw57 came up with on this forum) and IE7 is giving me the dreaded flicker on page load where you can temporarily see the content of all the tabs, before the JS is executed and only one of the tabs is displayed. I think i'm not noticing it in FF and Safari simply because they're executed the page too quickly for me to notice.
The page can be seen here I thought I would be able to set .tabs to display:none in my main css file, then in the JS, simply use show() and hide() as necessary, but doing this hides everything for some reason, without restoring the desired tabs. I'm using jScrollpane in conjunction with my tabs script, so there may be a conflict there as there are so many divs being created dynamically.
I have a div which will show when javascript is disabled, and I turn it off using:
$(document).ready(function(){
$("#noscript").hide()
});
However, it is appearing ont the page in Firefox for a split second when the page loads. Is there a way to stop this? The site is on localhost at the moment but I can easily upload it if need be.
I'm not much of a javascript developer. This is my second project using collapsing/expanding content.
Code has been simplified for display here.
The code below works, but any time someone clicks the [-] or [+] to expand or collapse rows of the table, the browser flips the user back to the top of the page. This happens in FF and IE.
Code:
<table>
<thead>
<tr>
<td>Column 1</td>
[Code]....
I'm using Adobe Spry for some transitional effects, based on this script: http:[url]....The page I'm working on is located here: http:[url].....As you see, on page load the first item is shown ("Giovanni Pappalardo - Nullafacente"), and then the other records are shown when clicking on each thumbnails
My questions are:1. Is there a way to hide, on page load, that first item, and showing it ONLY if relative thumbnail is clicked? I tried to apply some "display: none", but I get stuck on JavaScript part, since nothing seem to work... (honestly my JS skills are very poor)
2. While doing transitions between a record and another there's a moment in which full image still hasn't loaded (and so there's a white placeholder); is there a way to avoid that, i.e. preloading images?
I'm working on hiding all of a page's content immediately via Javascript. I want to avoid using CSS to display none just incase I run into users who don't have JS enabled.
I wanted to get advice from others and see what the difference is between using jQuery actions within $(window) or $(document).ready. From what I understand, $(window).bind("load, function(){ etc. will only use the script once all contents on the page are loaded, including images?
And $(document).ready(function(), etc just requires the DOM to be ready but will still execute code even if images, etc. aren't loaded.
I am trying to get the url parts using javascript my url looks like this [URL]I need to get the "Home" piece of the url I tried window.location.pathname but it only returns /
View 6 Replies View RelatedI need to make script which takes from one field string(numbers separated by space copied from excel) divide it by space into variables and insert into another fields on this page. <textarea name="receiver1" id="receiver1">
View 1 Replies View RelatedI want to hide certain parts of my website by using JavaScript! The small image or a window should appear and cover things up.
This is an example of the window I had in mind: link [URL]). Anyway, I'm new to all this JavaScript business and I don't know how to customize these things. So if anyone has done such things before or knows how to do it
This window widget should have the following characteristics:
- it should stay still where I put it - it shouldn’t move when you scroll down the page (here is a good example [URL]
- website visitors shouldn't be able to move it
- it shouldn't have visible boarders and X button, just background color
Let's say I have another URL, [URL]
and this URL Contains these codes :
<!--- iframe.html content --->
<html>
<head>
<title>iFrame</title>
[Code]....
I've tried searching google for some answer and make the codes on my own, still I end up being miserable..
I have two divs in my form that contain slightly different fields. The user can view one vid at a time depending on the radio button it's checked (either business or individual). When I submit the form, all the fields in both divs are submitted and emailed at the same time. I need to submit the div that is visible and has the user info only. How can I accomplish it?
javascript file:
//collects the data and erases the form
function submitForm() {
document.getElementById('apply').submit();
[Code].....
I am trying to make a foot calculator. And i will make a 2 parts dropdown. for example:
1) (in the first dropdown) Where have you eaten?
<select size="6" id="availableOptions" name="availableOptions">
<option value= 1>McD </option>
<option value= 2>Burger King</option>
<option value= 3>Sunset</option>
</select> </td>
2) (If you have eaten on McD, you will see the foot you can get on Mcd. And if you have eaten on Burgerking, you will see witch foot they have.)
How can i get this to work ?
I have an HTML select list that is populated when a user click on radio buttons.
That part seem to be working fine.
The problem is, I also need a message to appear in a textfield which is in another form. So say when a user click checkbox 1, some text are displayed in a textfield. Example: You click checkbox 1.
I just can't get that part to work.
Here is the complete code:
Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript">
[Code].....
I am trying to use the MooTools Tooltip and with the Title I saw that it can remove part of the URL. I was wondering if there is a way to remove more from it. URL: http:[url].....Right now I have it so that http[url]....is replaced by Article: Is there a way to also make the &p=123 removed from displaying? The only part that really changes in the URL is the 1109
PHP Code:
var Tips = new Class({
options: {
onShow: function(tip){[code]......
jQuery :: Mixing Parts of a Script?
View 22 Replies View Related