exclude HTML code from certain pages - html

OK. so i have a website, (obviously) and I'm trying to boost my SEO by putting so keywords towards the top of website. I have a template that was given to me by a third party but i have customized almost all of it except for the functionality parts of it. My page is organized by categories and when you enter any category the category name automatically gets placed at the top of the page using the code snippet:
<tr>
<td><h1 class="page_headers">[categoryname]</h1></td>
</tr>
it was easy to install this code into the frame of my site, and it works perfectly when you go to one of the category pages. the issue I am having is when you go to other pages that don't have a categoty. the code shows up as text as such
[categoryname]
is there a way to exclude a snippet of HTML on certain pages using java script or any other forms?

Related

Identical HTML not rendering the same

I have a program that let's people design web pages graphically. Then hitting Publish creates an html file that is supposed to be an exact copy of what they created. The elements created by the editor are HTML elements. Publish then gathers up all the elements that have been created and for each one adds it to a string with
canvasOuterHTML += clone$[0].outerHTML;
So all the styles, text, etc., get put on the string. This string, along with some other information is written to the .html version of the page, and when this .html is loaded into a browser the browser displays the page!
But something is expanding the published page vertically. I've created the simple page below to illustrate. The first image is the page in the editor. The second image is what the html displays in the browser.
I'm completely stumped because the HTML and CSS for the two markups is exactly the same, so how can one be higher? I can't even think of a mechanism that would do that. Does anyone have any ideas? Thanks.

Chrome extension webscraper.io - how does pagination work with selecting "next"

I am trying to scrape tables of a website using the google chrome extension webscraper.io. In the tutorial of the extension, it is documented how to scrape a website with different pages, say, "page 1", "page 2" and "page 3" where each of the pages is directly linked on the main page.
In the example of the website I am trying to scrape, however, there is only a "next" button to access the next site. If I follow the steps in the tutorial and create a link for the "next" page, it will only consider page 1 and 2. Creating a "next" link for each page is not feasible because they are too many. How can I get the webscraper to include all pages? Is there a way to loop through pages using the webscraper extension?
I am aware of this possible duplicate: pagination Chrome web scraper. However, it was not well received and contains no useful answers.
Following the advanced documentation here, the problem is solved by making the "pagination" link a parent of its own. Then, the scraping software will recursively go through all pages and their "next" page. In their words,
To extract items from all of the pagination links including the ones that are not visible at the beginning you need to create another Link selector that selects the pagination links. Figure 2 shows how the link selector should be created in the sitemap. When the scraper opens a category link it will extract items that are available in the page. After that it will find the pagination links and also visit those. If the pagination link selector is made a child to itself it will recursively discover all pagination pages.

Linking from set of iron-pages to sub-pages with a different app-header and back

Here’s a scenario:
I have a three page website implementing <iron-pages>. Nav is a toolbar with three paper tabs, no drawer. When I click on the tabs, the content of the iron-pages loads below the toolbar. All good.
Now, I have a few child pages that I want to link from the content of one of the three pages. When the page loads, I don’t want it to load below the three tabs but rather be sort of a new page with a different toolbar, with an arrow on the top left to return to the previous view, separate header title, etc.
A few questions:
Should these child pages be part of the same <iron-pages> list that the three main pages are in? If not, how do you recommend? (When I do, content loads below the toolbar, as expected.)
Should these be an entirely separate page, like a sibling to index.html or in /src, that I link to? If so, is it part of the same app then?
Sorry for the noob questions. Still trying to understand how single page apps are structured, in such scenarios. Eventually I want these pages to be <animated-pages> so that I can transition from the main page to the child pages and back. Will save those questions for another time...
Thanks!
An easy solution is to move your nav-bar component to each of your top level pages that need it. You can then move your new "sub-page" so it's a sibling of your other pages.
How users navigate to your different pages does not necessarily need to dictate how you structure the DOM.
Answers to your other questions
Should these child pages be part of the same list that
the three main pages are in? If not, how do you recommend? (When I do,
content loads below the toolbar, as expected.)
From what I can tell, no. Keeping all of your pages (even "sub-pages") as siblings will decouple the DOM from the app hierarchy (ie if the hiearchy of your views change, your markup can stay the same).
Should these be an entirely separate page, like a sibling to
index.html or in /src, that I link to? If so, is it part of the same
app then?
Polymer lets us build composable building blocks, so I'd recommend having a different custom web component for each of these pages. In my apps, I usually stick all of my web components in the same folder. A sample directory structure might look like this:
my-app/
index.html
src/
components/
nav-bar.html
my-page1.html
my-page2.html
my-page3.html
You can then make use of your custom components in index.html

How to move html source code to a different location in page using dreamweaver

I need to move a selection of html code to a different location in a web page
Using find and replace in dreamweaver does not work
For example:
<div id="popups">
<div id="pop1">
<div class="clean-graypop" id="pop1content"><b>Vector</b><br/>
A living carrier, such as an insect, that transports an infectious agent from an infected individual to a susceptible individual.</div>
</div></div>
I want to move this code to a completely different location (in our case, bottom of the html page).
I have hundreds of html pages with these styled popup divs but differing text content.
I want to be able find them all and move them
I found that I can target these divs using regex code /*[\w\W]**/
This works if I use comment tags to surround the code of interest. The regex code basically find the text within those comment tags
However, there no way in find&replace that I know where I can move the found source code to a different location
Basically I want a find and move action
Any ideas
Thanks
Jon

squarespace query only for home page

I am using squarespace developer kit and going well. I am wanting to integrate some queries to display some very simple data form my blogs that will appear on my home page ONLY.
Not being very fluent in JSON, I am struggling to implement the query on the home page. I have it set up to display the data from the selected blog but it displays the data through each page.
I only want the data to be visible on the home page at the top. Not in the header but inside where all the content is.
Here is my query that works perfectly well
<squarespace:query collection="feature-articles" limit="10">
<li>
{.repeated section items}
<li>{title}</li>
{.end}
</li>
</squarespace:query>
Can the data be inserted into a code block via the content manager so I can then insert into within the content or am I totally wrong in thinking that.
What I will then do is style/ add or edit the UI of the data into either a carousel or whatever is needed for the project.
I just need to know where to store the query so that it fits in with the content.
Appreciate any time.
Review the following link to see how you can edit a template file, to make different pages use different templates.
http://developers.squarespace.com/template-configuration/
Make a completely custom template just for your homepage then paste you code within your custom .region file as outlin ed in the above guide.
Here is the page about working with template pages:
http://developers.squarespace.com/layouts-regions/
Seeing as you know about , I have a feeling you might already know this, so you might want to be a bit more specific about how your displaying your code and I will gladly update my answer.