jQuery animated header and footer not working in IE 9 & 10
can anybody help me with this?
The header and footer slide in to the page just after loading and it all
works perfectly in all browsers except for IE 9 and 10 (IE 8 is fine),
here's the test version
http://surefireresearchtestsite.businesscatalyst.com
I am using bigvideo.js on the page; when I disable bigvideo.js it all
works fine, so I guess the problem lies there somewhere but what the
conflict is I just don't know, and turning it off is not an option. I've
tried changing the order of the scripts, thought that might have some
affect, but no. I'm quite new to jQuery so am at a loss of how to fix
this.
<script>
//$(function(){
$(document).ready(function() {
//removes the flash of unstyled content
$('.no-fouc').removeClass('no-fouc');
//fade in body content
$('#bgFade').hide();
$('#bgFade').delay(800).fadeIn(1800);
//hide all content that can be toggled - the button in the footer
$('.but2').hide();
//on clicking the first button
$(document).on("click", "img.but1", function(e){
e.preventDefault(); //this is preventing the page jitter to top and back
$('html,body').scrollTo( {top:'+=500px', left:'0px'}, 400 );
$('.but1').hide();
$('.but2').show();
});
//on clicking the second button
$(document).on("click", "img.but2", function(e){
e.preventDefault(); //preventing the page jittering to top
$('.but1').show();
$('.but2').hide();
$('html,body').scrollTo( {top:'+=-500px', left:'0px'}, 400 );
});
//animated header - drop down from off screen after loading page
$('#dropDown').bounceThis({
bounceHeight : '3px',
dropDownSpeed : 400,
delay : 1200
});
//animated footer - rise up from off screen after loading page
$('#footerSlideContent').delay( 1600 ).animate({ height: '145px' });
$(this).css('backgroundPosition', 'bottom left');
open = true;
//background video
var BV = new $.BigVideo();
BV.init();
BV.show('video/surefireRedBg.mp4',{ambient:true});
});
</script>
If anybody could take a look and see what the problem is I'd be most
grateful. Thanks in advance.
Tuesday, 17 September 2013
Storing an Object into a temporary Object and not changing the original Objects value
Storing an Object into a temporary Object and not changing the original
Objects value
I have an object stored in a global variable let's say:
static ArrayList<Object> list = new ArrayList<Object>();
I want to store it later to look into it without actually changing the
values in the structure itself. So I am doing something similar to this:
public void someMethod()
{
ArrayList<Object> tempList = new ArrayList<Object>();
tempList = list;
list.remove(0);
}
I'm thinking this may have something to do with me initializing the
variable as "static". I don't usually do that but Eclipse told me I had to
so I just let the change happen.
My understanding would be that I am storing the original list into a
temporary list and anything I do to the temporary list would be
independent of the original list. But it appears that if I were to remove
something from this above list, that the original list is removing it as
well.
I remember learning that this could happen sometimes but I think I've done
this before without having that issue.
I apologize if this is a repeated question but the way I worded it didn't
show me an question that was similar.
Thanks!
Objects value
I have an object stored in a global variable let's say:
static ArrayList<Object> list = new ArrayList<Object>();
I want to store it later to look into it without actually changing the
values in the structure itself. So I am doing something similar to this:
public void someMethod()
{
ArrayList<Object> tempList = new ArrayList<Object>();
tempList = list;
list.remove(0);
}
I'm thinking this may have something to do with me initializing the
variable as "static". I don't usually do that but Eclipse told me I had to
so I just let the change happen.
My understanding would be that I am storing the original list into a
temporary list and anything I do to the temporary list would be
independent of the original list. But it appears that if I were to remove
something from this above list, that the original list is removing it as
well.
I remember learning that this could happen sometimes but I think I've done
this before without having that issue.
I apologize if this is a repeated question but the way I worded it didn't
show me an question that was similar.
Thanks!
Is There An Easy Way To Comment Out XAML Code in Microsoft Blend?
Is There An Easy Way To Comment Out XAML Code in Microsoft Blend?
I've been using Blend 4 for a while, especially when customizing
templates, and one thing irks me. There's no 'comment' button, so I can't
easily wrap a highlighted section of XAML with HTML comments (<!-- -->).
Is there any workaround for this, or am I forever stuck having to type those.
NOTE: I did see a macro extension that allows you to open/close comment
with a shortcut key, but sadly it doesn't install with my version of
Blend.
I've been using Blend 4 for a while, especially when customizing
templates, and one thing irks me. There's no 'comment' button, so I can't
easily wrap a highlighted section of XAML with HTML comments (<!-- -->).
Is there any workaround for this, or am I forever stuck having to type those.
NOTE: I did see a macro extension that allows you to open/close comment
with a shortcut key, but sadly it doesn't install with my version of
Blend.
Check and Uncheck Checkbox Dynamically with jQuery : bug? II
Check and Uncheck Checkbox Dynamically with jQuery : bug? II
I want to use the same functionality as described at Check and Uncheck
Checkbox Dynamically with jQuery : bug? - i.e. one master checkbox and two
slaves checkboxes.
The difference compared to the previous question is that I need to declare
all the checkboxes as button() (as contained here:
http://jqueryui.com/button/#checkbox ):
$(document).ready(function() {
$( "#myCheck" ).button();
$( "#myCheck2" ).button();
$( "#myCheck3" ).button();
$('#myCheck').click(function() {
$('.myCheck').prop('checked', false);
});
$('.myCheck').click(function() {
if ($('.myCheck').is(':checked')) {
$('#myCheck').prop('checked', false);
} else {
$('#myCheck').prop('checked', true);
//alert("Checkbox Master must be checked, but it's not!");
}
});
});
See http://jsfiddle.net/uQfMs/90/
The outcome of this difference is that the functionality is away. I cannot
find why.
I want to use the same functionality as described at Check and Uncheck
Checkbox Dynamically with jQuery : bug? - i.e. one master checkbox and two
slaves checkboxes.
The difference compared to the previous question is that I need to declare
all the checkboxes as button() (as contained here:
http://jqueryui.com/button/#checkbox ):
$(document).ready(function() {
$( "#myCheck" ).button();
$( "#myCheck2" ).button();
$( "#myCheck3" ).button();
$('#myCheck').click(function() {
$('.myCheck').prop('checked', false);
});
$('.myCheck').click(function() {
if ($('.myCheck').is(':checked')) {
$('#myCheck').prop('checked', false);
} else {
$('#myCheck').prop('checked', true);
//alert("Checkbox Master must be checked, but it's not!");
}
});
});
See http://jsfiddle.net/uQfMs/90/
The outcome of this difference is that the functionality is away. I cannot
find why.
what is Turbo sim unlocked iPhone ? how is differ with factory unlock and unlocked iphone?
what is Turbo sim unlocked iPhone ? how is differ with factory unlock and
unlocked iphone?
what is Turbo sim unlocked iPhone ? how is differ with factory unlock and
unlock iphone ? what are the disadvantages of turbo sim unlocked ?
Thanks in advance !!!
unlocked iphone?
what is Turbo sim unlocked iPhone ? how is differ with factory unlock and
unlock iphone ? what are the disadvantages of turbo sim unlocked ?
Thanks in advance !!!
Sunday, 15 September 2013
why wont my containers extend to encompass my content?
why wont my containers extend to encompass my content?
I'm having issues getting my content box to extend to encompass everything
within it. shouldnt max-height:100% do this?
http://codepen.io/anon/pen/xujAC
There's the codepen of my code. The red and blue background are for visual
reference only. Shouldnt the blue background (.container) only extend 20px
below the blocks?
Pretty new at this and learning as I go. I'm probably missing something easy.
Thanks a lot.
I'm having issues getting my content box to extend to encompass everything
within it. shouldnt max-height:100% do this?
http://codepen.io/anon/pen/xujAC
There's the codepen of my code. The red and blue background are for visual
reference only. Shouldnt the blue background (.container) only extend 20px
below the blocks?
Pretty new at this and learning as I go. I'm probably missing something easy.
Thanks a lot.
Edittext field next defers to itself
Edittext field next defers to itself
I'm trying to make it so if a user selects an edittext box, it clears it.
Now through trying to do this, it appears that hitting next still keeps
the focus in the same text box and clears it. I tried
rows = (EditText) findViewById(R.id.editText1);
cols = (EditText) findViewById(R.id.editText2);
ticks = (EditText) findViewById(R.id.editText3);
rows.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
rows.setText("");
//cols.requestFocus();
}
});
cols.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
cols.setText("");
//ticks.requestFocus();
}
});
ticks.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
ticks.setText("");
}
});
now i tried doing request focus in the onclick, which successfully moves
the focus to the the next edittext, but it clears what was in the previous
edittext as it does that. How can I make the edittexts clear the text when
a user selects it, yet still retain it's normal "next" properties.
I'm trying to make it so if a user selects an edittext box, it clears it.
Now through trying to do this, it appears that hitting next still keeps
the focus in the same text box and clears it. I tried
rows = (EditText) findViewById(R.id.editText1);
cols = (EditText) findViewById(R.id.editText2);
ticks = (EditText) findViewById(R.id.editText3);
rows.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
rows.setText("");
//cols.requestFocus();
}
});
cols.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
cols.setText("");
//ticks.requestFocus();
}
});
ticks.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
ticks.setText("");
}
});
now i tried doing request focus in the onclick, which successfully moves
the focus to the the next edittext, but it clears what was in the previous
edittext as it does that. How can I make the edittexts clear the text when
a user selects it, yet still retain it's normal "next" properties.
Subscribe to:
Posts (Atom)