javascript - how to show the content of other websites in my website -


i looking code simple task. below task

let's site http://www.url.com

i want when user go site see box on top of page shows site name , contact details , countdown timer.

below line want show exact same website of few different url , want set timer these few websites rotate , timer on top shows how long until next refresh , next website. want part of webpage refresh , want top line still.

http://i58.tinypic.com/s6t84h.jpg

you can see want in image above.

i told can done using iframe don't know how , don't want scroll

i appreciate if me

i found solution , seems working. need countdown timer , want crop out let's 200px of top of each website , shift because 1 page doesn't show content want unless using scrolling , don't want that.

    <!doctype html>     <html>     <body>      <div align="center" style="border:4px solid red ">     <div style="color:#0000ff">     <h3>some content<color:#0000ff/h3> <h3>some more content<color:#0000ff/h3> </div>  </div>  <iframe id="rotator" src="http://www.zcast.ir" width="100%" height="600" scrolling="no" border="0" ></iframe>  <script> // start when page loaded window.onload = function() {  var urls = [ "http://www.zcast.ir", "http://www.tgju.org", "http://www.on3.ir",  "http://www.goldinfo.ir", "http://www.zarban.ir", ];    var index = 1;   var el = document.getelementbyid("rotator");    settimeout(function rotate() {      if ( index === urls.length ) {   index = 0; }  el.src = urls[index]; index  = index + 1;  // continue rotating iframes settimeout(rotate, 5000);  }, 5000); // 5000ms = 5s  }; </script>  </body> </html>

yes absolutely can using iframe

1) set iframe scrolling attribute no:

<iframe src="/default.asp" width="200" height="200" scrolling="no"> </iframe>

read more: iframe attr (w3schools)

2) settimeout timer: - see more
3) reload iframe parent window - see more

you can use style position:fixed; , top:0; place div on top of page:

<div style="position:fixed;top:0;"> content here </div>

so thats it! :)


Comments

Post a Comment

Popular posts from this blog

Why can rails not find a route created by a helper? -

i created member route in rails 4: resources :line_items post 'decrement', on: :member end and gave matching method in line_items controller: def decrement @cart = current_cart @line_item = @cart.line_items.find_by_id(params[:id]) @line_item.decrement_quantity respond_to |format| if @line_item.save format.html { redirect_to shop_path, notice: 'line item updated.' } format.js {@current_item = @line_item} format.json { head :ok } else format.html { render action: "edit" } format.js {@current_item = @line_item} format.json { render json: @line_item.errors, status: :unprocessable_entity } end end end but when try make button: <%= button_to 'x', decrement_line_item_path(item) %> i error: no route matches [post] "/carts/25" what gives? your error message is: no route matches [post] "/carts/25" but expectin...
Read more

javascript - jquery or ashx not working -

i using ajax file upload control. it creating html: <form action="/pages/handlers/asyncfileuploadhandler.ashx" method="post" enctype="multipart/form-data" target="ajaxuploader-iframe-1397144545"> <input type="hidden" name="type" value="mindvoice"> <input type="file" id="imagefile" style="display: block; width: 80%; margin-right: auto; margin-left: auto;"> </form> and target is: <iframe width="0" height="0" style="display:none;" name="ajaxuploader-iframe-1397144545" id="ajaxuploader-iframe-1397144545"></iframe> the form submitted using .submit() . my ashx handler: <%@ webhandler language="c#" class="asyncfileuploadhandler" %> using system; using system.web; using nettpals.core; public class asyncfileuploadhandler : ihttphandler { public void processre...
Read more

opencv - DataType<cv::detail::deriv_type>::depth what is it used for -

i wondering why line used in lucas kanade tracker in opencv: datatype<cv::detail::deriv_type>::depth can explain me? in opencv, depth of mat refers type of data contained in mat 's data buffer. represented integer values correspond given data type. these integers commonly abstracted appropriate macro definition (e.g. uchar data represented macro cv_8u ). cv::datatype type-traits class provides method obtain corresponding integer value without having memorize macro means data type. there few cases user code needs use datatype::depth . more common datatype::type . a simple example shows 1 possible use of datatype::depth : cv::mat uchar_data = cv::mat::ones(3, 3, cv_8uc1); cv::mat float_data; uchar_data.convertto(float_data, cv::datatype<float>::depth); // ^^ equivalently replaced // cv_32f macro float_data.at<float>(0,1) += 0.5f; std::cout << float_data << std::endl;...
Read more