I just want to display one particular div of a web page inside a newpage.How this can be done?
create a webpage with only that particular div and use iframe imbed code.
<iframe>my div</iframe>.
Related
when i create more html files for a page , i am repeating the header, footer and other common elements in each page.
Is there a simple solution were i can keep the common elements and just load the other elements when the link to each page is clicked.
A plea to all wiki gurus - can anyone help me create a link to another page in the same wiki when the wiki page is constructed in html?
Alittle background & context: I decided to get a bit arty in my mediawiki and made a simple landing page constructed using CSS and div elements to sit on a mediawiki page. After a little fettling, I managed to get the HTML rendered correctly and the page looks very nice!
Now I wish to use the div elements (lets call them 'buttons') as links to other mediawiki pages within the same wiki. (the actual 'buttons' are made up of several elements wrapped in a containing div element)
The actual html for a 'button' looks like this:
<div class="cf-box"><div class="cf-box-title">Button Title</div><div class="cf-button-icon"></div><div class="cf-box-text">Description of the information the button links to</div></div>
Using HTML, this would be a simple process of wrapping the containing element (cf-box) in a link and all is good in the world. I assumed that you would be able to do something similar in mediawiki such as..
[[Some Page|<div class="container"><div class="button"><div class="text"></div></div></div>]]
but when I try this, the outer 'container' opening and closing div elements are stripped out and displayed on the page as text leaving the internal div elements orphaned rendering garbage on the page. The link does work though!
Thanks to anyone who takes a look!
I have a gallery block on my squarespace site, and I need to put animation just on a couple of these images, but I can't figure out how to take single element, or pick up id and use it in css.
I know for sure that I cannot use Yui id because they are not static.
What can I do?
I heard about a theory:
On the link image
https://static1.squarespace.com/static/ONELINKID/SECONDLINKID/THIRDLINKID/IMAGE.PNG
ONELINKID/ Is the gallery id
SECONDLINKID/ this is the gallery id
THIRDLINKID/ wrapper
IMAGE.PNG/ image
If this is true, is possible to recall one of this id on the css to make the animation on the single element?
And in case, how?
Thank you in advance.
In my experience, it's possible to target the entire gallery block but not a specific image inside the block.
This is possible (targeting the entire gallery block) :
#block-9402f7f162de95970c9c {
display:none;
}
But this is not (targeting one image inside the block) :
#yui_3_17_2_1_1451403688334_177 {
display:none;
}
The id of the specific image in the block was pulled from inspecting the element, not from the URL of the image as you hinted might be possible. Each image inside the block does have a unique id associated with it, but targeting the id through CSS does not seem possible with SquareSpace.
I'm loading a link into a popup like this: popup.load(this.getTrigger().attr("href"));
This is working, but more specifically I only want the content within the .include div of the loaded href. How would I update the code above to call the content within .include in said href?
Thankyou
Here's the way I've set-up my site. I have a page called "news.html". The content of this page is just an iframe with a fixed size. The iframe links to "innernews.html", which is the actual content I'm trying to display. I have it set-up this way to keep every page consistently sized. The iframe prevents the height of the page from expanding due to extra content, and is scrollable.
How would I create a link targeting a specific element/header within my "innernews.html" page? If there isn't a way to achieve this, I'll remove the iframe and just plug content straight into "news.html". But still I wouldn't know how to create a link that targets a specific element/header...
You can link to an element (on another page or on the same page) only if the element has the id attribute or it is an a element with the name attribute. In both cases, put the fragment identifier #foo at the end of the URL in the link, where foo is the value of the attribute.
If the page being linked to does not contain such an attribute, and if it is outside your control, you are out of luck
Basically, you can simply create a link to specific header of a page:
<a name="your_header_name"></a>
<h1>Header Text</h1>
...
Link to the header
I strongly recommend you to remove iframes from the page if there is no reason to keep them. Iframes can complicate your life when you're trying to do something not trivial.
Have you considered using a container such as:
#newsContainer {
overflow: scroll;
height: /*whatever*/
}