basically the way I have it now, it's like most other sites, in terms of paginating. You click 2, 3, 4, for the next pages.
However, I don't really like that. I like the way how twitter has it, so you can click more, and the page then extends, showing more tweets.
How can I apply this to my site (which for the most part, is like a photo gallery, by the way)?
I have a php script which contains various links which get handled by a jQuery function which in turn passes parameters to and loads another php script. The php script that gets loaded queries a large MySQL database and returns a set of results in an HTML table. Where there is more than 1 page of results the php script provides page numbers which can be clicked on to bring up further pages of results. Where there are more than 20 pages a small algorithm displays an abbreviated set of page numbers,This obviously worked fine when the script was running on its own but now it's being loaded using jQuery it's preumably of no use. Can anyone suggest a way of tackling the problem, I did take a look at various pagination plugins but they didn't seem to be what I was looking for based on what I've said above.
View 4 Replies View RelatedHow can I use JavaScript to dynamically re-size a DIV on a page so that the div extends vertically to the size of the page or document.
Example: As the page gets longer due to contents, the DIV will also extend to the bottom of the page.
I have been experimenting all evening with different methods, some don't even work.
I switched to using this function to create element:
----------------------------------------------------
function elem(name, attrs, style, text) {
var e = document.createElement(name);
if (attrs) {
for (key in attrs) {
if (key == 'class') {
e.className = attrs[key];
} else if (key == 'id') {
e.id = attrs[key];
} else {
e.setAttribute(key, attrs[key]);
}
}
}
if (style) {
for (key in style) {
e.style[key] = style[key];
}
}
if (text) {
e.appendChild(document.createTextNode(text));
}
return e;
}
---------------------------------------------------------
so instead of the "old" way:
var oMyDiv = document.createElement("DIV");
oMyDiv.setAttribute("id","testid");
oMyDiv.className = "testclass";
I use that function :
var oMyDiv = elem('DIV', {'id':'testid', 'class':'testclass'});
The rendered source shows this:
<div extend=" function (object) {return Object.extend.apply(this, [this,
object]); } "
class="testclass" id="testid">
Question: I don't understand the "EXTEND" part......anyways does it look
legit/right?
I would like to extend any HTMLObject with additional functions, such as the following:
HTMLCollection.prototype.getElementByID = function(s_name)
{
alert(s_name);
return null;
}
Unfortunately this doesn't work. However, this one does:
Code:
Array.prototype.getElementsByName = function(s_name)
{
alert(s_name);
return null;
}
Is there a way to do what I'm looking for, perhaps using other techniques?
I've got a div, and it has an onMouseOver handler attached to it which makes a second div visible. The second div shares part of one side with the first, but not all.
The first div also has an onMouseOut handler which, you guessed it, makes the second div invisible.
However, if the user rolls out of the first div and into the second, I'd like to keep the second div visible. Any ideas how to accomplish this?
As I know,it's not well to extend Object.prototype derictly.
In the Prototype(JS Framewoke),there is no extend Object.prototype.
It only add some static method for Object class.I want to konw the reason.
I am using the datepicker plug in, and am trying to extend it to not allow sundays to be selected. Now the problem I have is I am no javascript savy... so not sure the correct way to format this.
Here is my code for the plug in:
<script type="text/javascript">
$(function() {
// Tabs
$('#datepicker1').datepicker({
beforeShowDay: function(date) {
return [(date.getDay() > 1), ""];
} minDate: 0,
maxDate: "+12M +0D",
dateFormat: 'dd-mm-yy'
});});
</script>
The above is not working, It is not showing the calendar, so I know something is up somewhere here? The reason it has datepicker1 is on the page it is dynamic and can have multiple occurences of the calendar but with numbers after each.
When you need for a certain element (say a text input box) to remember some data, what is the best way to do this? Can you extend the input box object with jquery? Right now i've been storing it in the rel tag $('#testInput').attr('rel','extrainfo') it just seems like there should be a better way to do this.
View 2 Replies View RelatedCurrently I'm trying to do the following:
{
config : {
user : "name",
mod : true
}}
That is JSON nr 1, now I got the following
{
config : {
mod : false
}}
What I need as a result is:
{
config : {
user : "name",
mod : false
}}
If I do a $.extend(json1, json2) then I will lose my user name.
If I do a $.merge(json1, json2) I will keep my username, but my mod will not be overwritten.
How to extend the constructor for the date object of the javasccript so that whenever a call is made to the constructor, I want to perform a particular action? Basically how to define wrappers for default javascript methods or objects like Date() so that I can perform some action and then invoke the original method? So basically if I have something like var a = new Date(); I want it to (say) alert the value of the date everything Date() is called and then execute the default date constructor.
View 3 Replies View RelatedHow can I overload or extend (or intercept) jQuery's .html() method so that it works its default way unless the object has a certain class?
View 2 Replies View RelatedRun this code :
var empty = {};
var defaults = { validate: false, limit: 5, name: "foo", buttons :
{}};
[code]....
This is a code for checking numbers A1 -> B1, when there is a match, the code will be green, otherwise black. how I can extend this script, that more then one array is checked?
<script type = "text/javascript">
var a1 = ["2","5", "11","16","23","45", "46"];
var b1 = ["2","3","8","12","23", "37", "41", "45", "48"]
[code]....
I'm trying to extend KmlPlacemark in the Google Earth API. Google uses factory methods to create the objects so I can't do something like this:
KmlPlacemark.prototype.foo = fuction(){...}
I tried to simply add methods to each of the objects after they were created
function foo(){...}
placemarkObj.foo = foo;
but it throws
Error: Trying to add unsupported property on NPObject!
I ended up just making a wrapper for it, but I'd still want to know if there's any other way of doing it.
What happens if you do the following? - That is deep copy a jQuery selector.
[Code]...
I'm concerned whether the myObj.selector object will deep copy the whole of jQuery as part of the process. My initial tests did not show any obvious speed hit, but it is rather a basic test right now.
How to extend the _alsoResize function of the resizable plugin?
View 1 Replies View RelatedI have a bit of javascript that is supposed to change picture and its accompanying text when you hover over a bit of link text in another area of the page. This is working, however, the text is toggling without the picture due to an invisible area next to each link. I am not sure if it's an issue with applying my javascript to another bit of code or what.
Here is the code that I have that flips the text:
<script type="text/javascript">
function tabOver(which)
[code]....
I've cranked up the numbers for sensitivity, interval, and timeout, and the site seems totally unresponsive to my changes. I've double-checked that hoverintent.js is being called, and it definitely is.
var cfg = {
sensitivity: 7,
interval: 5500,
[code]....
I have a few String prototypes such as String.prototype.EscapeReg = function () { return this.replace(/[-[]{}()*+?.,\^$|#s]/g, "\$&"); }; // Escapes characters for use with a regular expressionI also have my own class/ library which is used like this var adg = new AndyG_ns.ADG_Utils(); adg.StartClock('AndyClock','dd mmm yy hh:nn'); // etc.What I would like to do is to only add the prototype to my library (not to the global namespace). The end result I'm looking for is to use code such as:
var adg = new AndyG_ns.ADG_Utils();
var myString = new adg.AString();
var parsed = myString.EscapeReg();
In addition, I want to be able to also use/create my special string sub-class within my library. I suppose I'm saying that I would like to extend or super-class the native String object.
I have two objects that I am trying to merge together using $.extend().
As long as I only use objects 1 level deep everything merges correctly.
objOne = {
face: "book",
captain: "crunch"
}
[Code]....
[Code]...
when i load page it does nothing only blank page, may have code in wrong place but not sure so can someone show me a working example so i can find out what i'm doing wrong also i would like the part of page to refresh evey 120 seconds is this possibe with jquery?
I have a frameset like:Quote:
<frameset rows="100,*,80" border="none">
<frame src="header.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
[code]....
I loaded page in div , usign jquery ajax
But the page which i loaded containg this code:
HTML Code:
To refresh all page index.php to redirect it to home.php
But the problem this, it's don't refresh all page which contain the div , but it's refreshed oly in the div wuch i loaded this code in it
So i want after i load this code in index.php div , then refres all page to redirect itto home.php
I've got 2 pages: a current events page and a past events page the current events page loads fine as there is only about 10 events the past events page takes about 30 seconds to load and will crash if u click your mouse in the loading time.
The pages are near identical the only difference is the query that selects the events (> versus <)
The page loads immediately without:
But when i put it back in the above happens. I'm using jQuery.roundedcorners.
I am using a Jquery/PHP/MySQL login script which is supposed to display an error or success message when the user enters their username/password and also if the username/pw is successfull go to a secure page. Right now as I have it coded, this isn't working properly. Basically nothing is displayed either way.Also,wasn't sure if I just needed to replace, the ?secure-page part with the file name of the page I want to go to if successful?Here is the code as I have it now.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>[code].....