Is it possible to showcase the content of a specific div with the ID="example" from an external page within an iframe on my website? I do not have any authority over the external page, only on my own site. The sole information I possess from that external page is the ID of the div I wish to exhibit on my website. Do you happen to have a fiddle example demonstrating this?
There are multiple approaches to create it, whether on the server or client side.
One method involves using NodeJS as a web crawler, you can find more information at this link.
Below is an example of utilizing NodeJS with express and cheerio for jQuery manipulation:
var url = 'YOUR_URL';
function getContentJSON(body) {
var cheerio = require('cheerio');
var $ = cheerio.load(body);
var content = $('div#ID').text().trim();
var result = {"content": content}
return JSON.stringify(result);
}
function requestPage(url, res) {
var request = require('request');
request(url, function (error, response, body) {
if (!error && response.statusCode == 200) {
var json = getContentJSON(body);
res.send(statusCodes.OK, json);
}
});
}
exports.get = function(request, response) {
requestPage(url, response);
};
It seems like you're looking to exclusively display a specific div element on your webpage.
Unfortunately, this may not be achievable due to limitations imposed by web browsers. Simply loading the content into an iframe would restrict your ability to manipulate its DOM. While manipulating scrollbars might be a workaround, it's uncertain if such actions are feasible given these restrictions.
An alternative approach could involve utilizing AJAX to fetch the external page. However, this method typically involves cross-domain requests and necessitates CORS permissions from the external website—something that's usually not granted. One potential solution could entail setting up a proxy on your server to bypass this obstacle.
In summary, accomplishing this task through standard JavaScript alone may prove challenging. Utilizing a server-side proxy could potentially offer a viable solution instead.
One of the reasons why I opt to use onKeyDown is because the language for typing is Korean. With multiple inputs on the page, my aim is to prevent users from typing more than 20 bytes. //this function calculates the byte length const getByteLength = (s,b ...
I am currently using this ajax code and I was wondering if anyone knows how to change it to long polling. Here is the code I am using: var chat = {} chat.fetchMessages = function () { $.ajax({ url: 'ajax/ajax/chat.php', type: 'PO ...
I am looking for a way to replace specific content using a regex with the same number of characters but replacing them with a character of my choice. For instance: content: "abcdefghi*!?\"asd"; should be transformed into: content: "--------------- ...
I am looking for a way to compress all the files with a .html extension in a particular folder, including any subfolders, using a script called npm run. Ideally, I would like the original .html files to be replaced with the minified versions, but creating ...
// script.js var mydata = 1 module.exports = {mydata}; // file in my codebase var newData = require("../script.js") console.log(newData.mydata); // why is it undefined? I want to declare a variable as global across the entire project. I tried using ...
Within my React component, I am facing the challenge of extracting data from the DOM to be utilized in different parts of my application. It is crucial to store this data in the component's state and also transmit it through Flux by triggering an acti ...
I am new to the world of 3D and I'm trying to render particles as they are created. My goal is to have these 2000 particles render individually as they are created, but with the current code, they only render once all particles have been created. I h ...
Looking for a way to switch pages without any reloading? Here's my AJAX approach: app.ajax.client.request = function(headers, path, method, queryObj, payload, cb) { // Code for sending AJAX request goes here } Client Requests: app.changeToInd ...
Here is the original code snippet: I am having trouble entering text in the text box below. Can you please help me figure out how to enter text in this text box? <td id="ctl00_cRight_ucSMS_redSMSBodyCenter" class="reContentCell" ...
Trying to figure out if my problem is a stubborn bug, a support issue, or just a configuration mismatch has been quite the journey. I've spent so much time on this, not exactly thrilled to be reaching out for help. After searching for 3 days and only ...
Currently, I am creating test automation using Selenium, Protractor, and Jasmine for an Angular web application. The tests are being run within VirtualBox (Host OS: Windows 8, Guest OS: Ubuntu 15.04). At this point, the test is quite basic, with the onPrep ...
I am experiencing a strange issue where my code appears for just a moment after running ionic serve and then disappears. I have all the necessary components like nodejs, cordova, ionic, jdk, etc. installed on my machine. As a newcomer to ionic, I would rea ...
I am utilizing jquery jtable to showcase some data in a table. I have been using the following code snippet for each field in the table to display the data and enable sorting: sorting: true, display: (data) => { return data.record.<whatever_value ...
I am attempting to modify the background color. My goal is to change every odd result to a light green (#f0f5f5) to avoid a large white space when the result ends in an even number. I would also like to change the background color of the pagination section ...
body { background-image: url("background.jpg"); background-attachment: fixed; font-family: 'Roboto', sans-serif; color: #333333; } #container { height: 1000px; } /* HEADER WITH NAVIGATION BAR AND LOGIN OPTION */ #head { position: abso ...
Currently, my web application is developed using Next.js. I am interested in distributing it as an npm package for others to utilize in their projects. Despite my efforts to search and seek assistance through Google, I have not come across any valuable ins ...
Hello, I am just starting out with NodeJs and I have a question. I am trying to push elements into an array called files based on the order of the urls provided, but it seems like I'm getting a random order instead. Below is the code I've been wo ...
I've been facing an issue where my attempt to submit a record to my SQL database from a Vue component using Laravel API is not yielding any results. Despite comparing my code with other functioning examples, I have yet to find a solution. Below is th ...
I have implemented a jQuery script to toggle the display of certain paragraphs when the "More" link is clicked. However, I am facing an issue where the link always displays "More" even after the content has been expanded. I want it to change to "Less" once ...
function generateEnemyStats(enemy) { //javascript:alert(en[0]+'\n'+generateEnemyStats(en[0])+'\n'+en[0]) with (Math) { enemy[1]=round(enemy[1]*(.5+random())) enemy[2]=round(enemy[2]*(1+random())) for (var stat=0; stat& ...