I'm working on a mod for phpBB and want to hide a DIV after a number of seconds. There have been a few forums around that seem to have info, but some forums are 5 years old, or the links in them no longer exist.
View 1 RepliesIt is not possible for me to make the content1,2,3,4 fadeIn instead of just showing. When i type 'slow' here content disapear:
[Code]....
I have 4 divs in this order
<div id="tf_left"> content </div>
<div id="tf_right"> content "link to open feed div" </div>
<div id="feed" class="dropdown"> content and button </div>
<div id="thecomments"> comments </div>
What I'm trying to do if I click on the "link to open feed div" i want the "feed" div to open below the "thecomments" div. How would I go about doing this. Right now I have it opening before "thecomments " div.
here is the jquery code I'm using now:
$("a.showComment").live('click', function() {
var dropID = $(this).parent("div").next("div").attr("id");
if ($("#"+dropID).length) {
$("div.dropdown").hide();
[Code].....
I'm completely new to javascript so what i want to do is make a script that shows a specific div when the visitor is at the homepage but hide it when hes in another page of my website. i've read some people trying to explain it to someone else but it seems that i need to learn many aspects of the javascript language to edit it to my needs. I'm a med student and im really tight in my schedule and have almost no extra time to sit and read about javascript just so i can do this one specific thing
View 30 Replies View RelatedI'd like to be able to show a DIV only on a certain date..I know php wouldn't work because you'd have to refresh the page..
So if the visitor is already on my page and the date changes to the date specified a div will display. Maybe it will have to get the date every few seconds or something.
I am trying to show/hide all the elements with a specific id ....
View 1 Replies View Relateddocument.testform.itemprice.value = itemprice;
When I set the value as above, the output shows like this, 25.0200 and it should be 25.02. How can I make it happen?
I've tried some methods mentioned in other topics here, but I can't seem to get any of them to work for this specific problem I have. I'm not very experienced in javascript so I haven't been able to modify any of the other examples to work the way I need it to.
I hope the code gives you some idea of what I need even though it's a bit messy, I think most of it should be pretty self explanatory? Code:
I want to hide all divs inside a specific div.
Fx.
<div name="theDiv">
<div id="hidden">hidden div</div>
</div>
I would think it was:
document.getElementsByName('theDiv').getElementsByTag('div').style.visibility="visible";
But that doesn't work?
I currently use a javascript for a radio station:
It starts:
<!--////
today = new Date();
day = today.getDay();
hour = today.getHours();
min = today.getMinutes();
Then for each day has:
if (day ==1){
if ((hour >=6) & (hour <=8) ) {document.write(' The Breakfast Show') }
if ((hour >=9) & (hour <=11) ) {document.write(' The Mid Morning Show') }
It all works very well with hourly changes, however I want to make some of the changes on the half hour. The script above shows one thing between 06:00 and 09:00 and something else 09:00 to 12:00. Is there a way I can amend so that it displays one thing from 06:00 to 08:30 and 08:30 to 12:00 instead?
<div class="box top"></div>
<div class="box main">
<div class="box header">
<div class="badge"><ul><li class="active"><span>60</span></li></ul></div>
[Code]....
What is happening is $(this) is no longer based on .expand being the (this) that is clicked.
like if i have a button SOMEWHERE randomly on the page with this
<div onclick="Minimize('_alerts');">Click Here</div> this will minimize alerts but because the (this) in minimize function doesn't actually point to the right button that I want to add a class to.
Is there a way to modify the minimize function so that it finds the <div id="mytoggle"><ul> <li class="expand boxminimize" rel="_alerts"> using the rel toggle, and then changes the class of the li from expand boxminimize to boxexpanded??
just like the .expand click function I posted on the top of the post that works?
Another thing that has been driving me crazy is that css positioning is handled differently by different browsers. JS is not my area, but I can do a lot with CSS, and I do, but cross browser compatibility is killing me.
I can use an IF IE statement and only IE runs that segment of code, but I haven't been able to figure out out how to make ONLY firefox or ONLY opera or safari enact an encapsulated segment of code. The same type of IF statement doesn't work for them.
Is there a single method using JS that works for all browsers?
I know this code works just fine:
function result(){
var result = document.getElementById('resss').innerHTML;
}
But what I actually want is to import data from a table of an external website. E.g. I want to get the innerHTML of a specific cell in column 3 and row 2 of a specific site.
I'm running into a problem in which I have a nav menu that allows you to click on menu items (about, links, etc) and this makes a corresponding content div fade in and the others fade out. I set all the content divs to initially display: none; which works, but the problem is that when I click on a nav item for the first time since page refresh, all the content pokes through and then fades out, rather than just the one I want fading in. The selected div stays visible, but I want to get rid of this problem!
View 8 Replies View RelatedIf I change all my code to use css() instead of trying to change img tags with the attr() function, I need to figure out how fadein and fadeout work. The code I have now doesn't work right. It is supposed to start with 1.jpg showing and then fade that out and show 2.jpg in it's place.
$(document).ready(function(){
$("#imgbox").fadeOut(5000);
$(".imgbox2").fadeIn(5000, function(){
[code]...
When I leave out the fadein of the new image the first image appears and then fades out like it should but when I add the fadeout function it displays the second image and then fades it out even though it is the inner div with a class instead of the outer div with id which should display the first image.
Small probs at getting started with jquery: i want to have boxes called "employ-big", wich appear on hover "employ" and dissapear on mouseleave. And i tried the following, with one small prob - the removeClass-call comes to early:
This is the HTML incl. jquery and css:
The problem is, that the employ-big-DIV changes the z-index direcly after mouseleave wich is not very nice. Is it possible to removeClass after fadeOut is finished? And is the way i tried to show my divs the right and elegant way in jquery? I tried it also with hover, but didn't work well, so i decided this way!
Suggestions about my removeClass-probs? The main prob is, when there is a second row of Divs "employ", the shown employ-big falls back to early to z-index:1 wich doesn't look nice...
The Idea is to get something similar like the product-categories on [url]
This works fine on a normal button but not on one that runs at server i.e <asp:Button ID="btn1" runat="server"
How can I make it work?
I'm trying to create a jquery nav that will show up in place of the existing paragraph or div with a ul, then on the mouse out replace the existing paragraph. I'm not not too experienced with javascript, so I'm hoping it's just a simple and easy fix.This is what I have so far. I managed to get it to work, somewhat, but the paragraph shows up if you mouse off the main button over the ul. And for some reason it doesn't always show the menu on the mouse over, is picky about which ones it does.
View 9 Replies View RelatedI can't seem to get this to work. I want to be able to fade div out if inactive or if a user clicks outside the div.,..Here is the script using jquery 1.3.1
Code JavaScript:
jQuery.noConflict();
google.setOnLoadCallback(function()
[code]....
the following does not work in IE8, but it works in Firefox (the text fadeOut and then in):
function
blink(oldValue, newValue, selector) {
if (oldValue != newValue) {
[Code]....
I'm new to jQuery..so maybe a newbe question. I'm working on a search result dropdownbox. So user enters text in textfield->ajax gets results->displays it in box under textbox. i use folowing code to remove resultbox when user clicks somewhere on page.
[Code]...
This is all working fine, But now i added next page in the result box. As soon as this is clicked , the resultbox is fadeout..because of above code. Can i make it fadeout on a click anywhere except in the textbox or result box ??
I want it so a fadeIn occurs halfway through a fadeOut Obviously this won't work via the callback because it waits for the fadeOut to complete entirely. I just want my list item to fade in halfway through the current fade out so there is a nicer transition.
[Code]...
Also I have a SPAN inside the LI's, and I wanted to make it so that the span fades in right after the LI, then fades out right before the Li but I couldn't figure out it.
I'm using the following code for my tab navigation (which works really well):
In these tabs are somes tables and divs. Now,I wanted to hide or fadeOut a div, which is placed in a table. The div itself also contains a table.I came up with the following code:
But this doesn't work. The value of divContainer is exactly the id of the div with a # in front (example: #div1). I have to do it this way (dynamically), because the HTML is generated by ASP.Net code.
Why this is not working?
i try to make a fadeout effect since the page is loaded, without click:
<script>
$(document).ready(function(){
$("#form_result").pause(5000).fadeOut();
[code]....
With Jquery >= 1.4 I have a problem with the effect fadeIn/fadeOut,the firefox console shows it:
Line of error:
I am trying to show a object:
Here the XHTML:
With Jquery version < 1.4 I haven't got problems but I need Jquery >= 1.4 because I use the delay function to animate.
The fadeOut is not working...
What is wrong in my code?