I am new in jquery and i would like to know how i can get a specific content [code]...
i have a table and i get the tds . when i call tdarra.text() he gives me the complete content of all tds.
i would like to just get the text of the 2nd td element but tdarray.get(1).text() does not work.
How do i get this element?
How I can get content from remote file by $.ajax? For example I have some file temp.php:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test file</title>
[Code]....
how I can get for example content only from div with id=header2 or both divs (not hole data - msg)?
I'm looking for a content slider, somewhat like Coda Slider, but with the ability to load dynamically extra content. E.g. it loads only 4 slides (1 visible at the time), and when the user navigates to slide 3, I want it to load the next 4 slided. And on slide 7 again, etc.
View 1 Replies View RelatedI am trying to create a menue that takes elements with one of the following selectors .cata, .catb or.catc and fades all not matched elements out while fading the matched elements in (if already faded out). When one of the links ist clicked a second time (in faded in status) then all elements .portfolio (.cata, .catb and .catc) should be faded in.verything is working like charme. The only problem is, that I can't get all elements .portfolio displayed, when I trigger the link a second time.Here is what I did in jquery:
$(function(){
$('.aktiv2').click(function(){
$(".cata, .catb, .catc").css({opacity:'0'}).show().animate({opacity:'1'},{duration:600});
[code]....
I would like to use ajax to load a html page and get the content of a specific div. Is it possible to do this?
View 3 Replies View RelatedThe original question was: does anybody know how to load a specific content and not an entire web page when using the jQuery.get below?
$.get('filename.html', function(data) {
$('.class_name').html(data);
});
and was given this code to use/try:
$.get('filename.html', function(data) {
$('.class_name',data).html(); //returns the HTML of .class_name inside of filename.html
});
but it didn't quite work. It loads the entire web page into the defined class name rather than loading a specific content (Look below for further understanding)The filename.html which has content tag names like "[Copyright Year] that goes in the footer position of the site gets dynamically generated.I've created another static page help.html that has pretty much the same content overall except the dynamic content won't get loaded with the content tag (the system doesn't allow static pages to load them). This is what brought me to this solution. So now that I've added a class name to the indicated class that I want to load it pulls all the content and styling of the site rather than just the dynamically generated content of (filename.html) .
<div class="adp_footer">[Copyright Footer]</div> <---- Doesn't get loaded when I used any of the above mention jquery strings,
i have a dropdown. i want to check the value in 'i'th position. how can i find that? $("DropDownList1_ID").val() is not giving any value. its alerting [object object] .
[Code]...
I'm trying to create an accordion (jquery ui) that shows information about its items when clicked. The information for these items is grabbed from 4 locations:- one to get the item's basic structure info one to populate an 'interoperability' info box where the 'service' and 'about' properties match a box like the 'interoperability' box, but for 'similarity' info a file with user-created 'annotation' information about sub-items that could be shown.
[Code]...
I'm using a function to load a page into a div. When I add the class of the element I want to show (.contentpaneopen) Chrome and Safari show no content. It works OK in IE and FF.When I ommit the class it works on all browsers.
function loadContent(elementSelector, sourceUrl) {
//Works in Chrome en Safari:
$(""+elementSelector+"").load(""+sourceUrl+"");
[code]....
Does anyone know if there are any ajax functions that would allow me to pull certain content from one page and display on another in a named <div>?
I currently have some code that pulls all the content and works very well. I am looking to enhance this to say only pull the first <div></div> content.
I'd like to put a script on the home page of one of my sites that automatically rotates content for a specific day of the week.
You can see the site HERE.
I'd like to take the first story in the NEWS & EVENTS section and make it change with each day of the week to match the corresponding stories in THIS PAGE.
I'd like to do this all with Javascript rather than server-side includes. Unfortunately, I know very little Javascript.
I have PAGE1 with the link to PAGE2 with iframe. (iframe load several
naked html). I want to add directive to the link to point sprcific
content of iframe. to make it clear
link on PAGE1 -> load PAGE2 with iframe -> iframe content is specified
on link = whole PAGE2 with iframe with desired content...
solving problem with creating several different PAGEs2 poining wanted
iframe src is not the case.
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?
Lets say i have a menu with elements "A", "B" and "C" on index.html (my homepage).So classically I should createa.htm, b.htm and c.htm.and link to menu. but rather, I want to have a single "home.htm" that would do all this purpose.My home.htm has all contents same for a,b & c except a "div element" whose content i want to load from different files, different for all the three pages.
View 1 Replies View RelatedI am current building an information database for the company I work at...basically just a place for employees to get information and answers from. It is all hosted on a local server and I can only use javascript, html, and css. I've got everything made there is just one thing i want to add to it. Basically an "alerts and updates" page that only some people can edit without having to know html so if im not there they can post important updates. No computers have access to the internet so I did try some rich text editors but none of them worked. The layout I'm going for is kind of like this.
Alerts and Updates
Click on links to show updates: update 1 * update 2 * update 3 * update 4
Stuff goes in the update
[edit button]
You click edit it prompts you to login, bring up something to edit the text in that specific update you hit submit and it changes the info that was on there. The update links are linked to a script I wrote that just display the info below so when the page loads you see whats in update 1 then you click update and it changes the content to the next one.
<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.
1) Script Title: Ajax Tabs Content Script (v 2.2) and Featured Content Slider Using jQuery UI
2) Script URL (on DD): [URL]
3) Script URL of Featured Content Slider Using jQuery UI [URL]
4) Script URL of my implementation of both script. [URL]
5) Problem: I've integrated the featured content slider in one of the default content section of the tab menu as you can see on the link on point 4. The slider is working perfectly when until i click on other tab menu and then back tab menu 1. The slider seize to work no more and worst the other featured content slides are appearing below the first one.
I have previously developed two scripts, both of which work really well, however I want to amalgimate them together if possible? My first script loads the content specified into a single div, replacing the content depending on which function is called, it also displays a loading gif during a timeout of 2 seconds. Here is the page:
[Code]...
Most Jquery I have seen 'pushes' the content above or below it up or down the page as it reveals the hidden content, the above example reveals the content over the top without pushing out any other content which is what I am looking for I have tried to take the code and everything works aside from those tabs!! I was hoping somebody has a link to another site that does the same effect
View 1 Replies View RelatedI have content in hidden (invisible) DIV elements on a page that I want to load into another DIV element on same page. I need to replace content currently in a DIV with that coming from another DIV. DIV ontent could be a P element or a P and IMG element.
View 4 Replies View RelatedI have a page with links that use jQuery to load individual pages of content into a main content area. On one of these pages, I want to be able to link to a specific anchor. (ie, when you click the link named "exec" on the main page, it loads the "services" page and then scrolls to the "exec" div.
[Code]...
Everything works beautifully in FF and Opera but in IE, I get an error message saying "top is null or not an object". It's referencing the line where "target_offset.top" is called, but this is legitimate syntax, so I don't understand the problem.
What is the similar in Jquery of :
document.getElementById('toto').innerHTML = document.getElementById('tata').innerHTML;
$('#totoi).contents('#tata');
So is not contents.
how can i use .load() or .get() to load external content into div?
i have code below but doesnt work? i dont know what is the problem.
$(document).ready (function(){
$("tabs1").click(function(){
$("content").load("about.php");
});
});
what I am trying to do is move my comment form to a specific ID on click.
It happens in a smarty template, but the reply link is built via php