Moving to a tab and a specific location within that tab - html

I have a page with a link on, and three tabs. Default view is Tab 1
The tabs are below the page fold
The end result should be that, when the person clicks on the link, it should open Tab3 and move the page up so that the user can view the content of the tab.
As it stands now, the user clicks on the link and it opens the tab3, but because the tabs are below the page fold, it seems like nothing is happening.
I want the screen to move down to the tab as well. Im currently using onClick="parent.location='#contact'" to open the tab
This is the code for the link
<form>
<input class="listbutton" type="button" onClick="parent.location='{site_url}
{url_title text="`$action_object->m_listing_info->title`"}/
{route_suffix for="listings"}{$action_object->m_listing_info->listing_id}#contact'"
value="{translate text='contact_owner'}" title="{translate
text='listestablishmentforfree'}">
</form>
This is the code where it's linking to
<li>
<span>{translate text='contact_owner'}</span>
</li>

As you did not have code, so what i can understand i am helping u
$('#anchorID').click(function() {
$("#contacts").focus();
});

Related

accessing a folder from another folder

i am currently trying to make a working sign up/in page. The problem lies that i am fairly new to HTML and C# programming and i am wondering how do i access a home.HTML file in a diffrent folder so that when the "Sign up" button is pressed it goes to that home.HTML file. I have to folders. One which name is "Sign up page" and one which name is "Home Page" and i have my sign in/up thing in "Sign up page" but i don't know how so that when the button is pressed it goes to the other folder "Home Page" and opens "home.HTML" even tho in two diffrent folders. Is there any possible way for that? Here is the button that when pressed needs to go to home.html file
<button type="button" class="signup-btn"><Strong>Sign up.</Strong></button>
Inside the button add <a> </a> tag and link the html page. But I recommended you to not use anchor tag inside Button tag.
<button type="button" class="signup-btn"><Strong>Sign up</Strong></button>
recommended:
Sign up
and style it by the class name
You can use anchor tag like
Sign up

Make dropdown stay until button is clicked

I need to create a dropdown with "change password" section in it, the dropdown is supposed to appear on click, let the user change the password and close when the button is clicked again.
This is how it looks like at the moment:
The popup closes as soon as the user clicks on it, so the user cannot update the password.
I know it might be a dumb question, but I'm new to programming and just learning..
This is what I got so far:
$('.ui.dropdown')
.dropdown({
on: 'click'
})
<div className="ui dropdown link item" tabIndex="0" href="/Account/Profile">Hi {this.props.username}
<div className="menu">
<div className="item">
<ChangePassword/>
</div>
</div>
</div>
Thank you so much in advance!
I'll just point out why this is happening for you, there's a few updates you could make to your code but I'll let you figure that out as you go :)
Firstly, onClick() will trigger whenever a mouse click occurs on the element you've set it on, as well as all the children of that element:
e.g (this is just semi-psuedo)
<div onClick={} >
<button />
<button />
</div>
In this case, onClick will trigger when you click the parent div which, on the page, will be wrapping both buttons.
If you've set the method to trigger when the ui-dropdown component is clicked, this will occur whether the drop down is open or not.
The usual way to do this would have two separate components:
Button (The thing you click on to open the dropdown)
The Dropdown
If you put the onClick function on the Button element, but have it activate the Dropdown element, your problem will be solved :)
I am trying to be as clear as possible without just downright fixing it for you, let me know if you need any more clarity!

Highlighting Current Page Menu Tab Using HTML and CSS

Can someone please offer me some advice?
I'm trying to customise a website and its HTML Nav Menu. By default, the menu already highlights the current tab for all existing pre-built pages.
http://webservices.retrotorque.com
I've added a new page to the website - Website Design - and I've added a tab to the menu for that page. All fine. But I can't find a way of making that tab become highlighted for only when that page is viewed.
Here is the existing code for one of the default tabs, which works fine.
<li class="first <#tag:homesection /#>">
Home
Here's my code for the menu tab I've created for my new page:
<li class="levelone <#tag:webdesignsection /#> ">
Website Design
<li>
My problem is that I can't find where to define:
<#tag:webdesignsection /#>
So I may need to find another solution.
I've thought of another approach:
<li class="levelone active">
Website Design
<li>
This code does work, but only in so much as the tab is always highlighted, whichever page is being viewed.
Is there a way of wrapping this up in a 'conditional'? So that it only applies when viewing the websitedesign page. And I could have a non-active alternative, conditionally set up for when viewing any of the other pages.
Thanks.
i think you should put JQuery there that can addClass and removeClass active from li element.
there is for example
var url = document.URL;
$('#example li a[href="'+url+'"]').parent().addClass('active');

Open two links in different new tabs, not in the same

I have two links in my page with target="_blank", but if i open the first link in a new tab, when i click in the second, the page loads in tha tab that the first link are already open, i need to make they open in different tabs, not in the same. Thanks.
Add the code...
<ul style="float: left;">
<li><span>Help Desk</span></li>
<li><span>Bússola</span></li>
</ul>
target="_blank" is the correct (and possibly the only) way to do this but how it behaves depends on the browser and browser settings.
See HTML: how to force links to open in a new tab, not new window for more details.
A workaround might be to give them different names like so:
<ul style="float: left;">
<li><span>Help Desk</span></li>
<li><span>Bússola</span></li>
</ul>
That should force the browser to open two new tabs and if you click the first link, then always the same frame will reload (same for the second tab).
Try with javascript function like this
Html:
Target
Javascript:
<script>
function open_win()
{
window.open("https://www.google.co.in/");
}
</script>
https://stackoverflow.com/a/18764547/1428854

html tabs and links

Hi guys I have bought this template, and I am trying to get a link into a sidebar (under links to tabs)
<ul class="nav2 nav">
<li class="selected">Seniors - Studies </li>
<br><div align="center"><img src="images/seniorbrochure.jpg" width="200" class="foo"><br>Download PDF<br><br><div class="heading">We Support</div></div></ul>
This is a bit of the code, as you see I have a link download PDF to pdf.pdf (just as testing) but whenever I click on it it actually loads a blank tab and doesn't try to go to pdf.pdf at all, I can't put the link outside of the ul tab or else the whole layout gets messed up, is there any way around this?
Is the filepath correct? "your website/folder/pdf.pdf" . Or maybe you could try putting a button in the sidebar to download it - <input type="button" value="Download PDF" onClick="window.location.href='/folder/pdf.pdf'">.