I am trying to figure out how the get the featured area
at http://blueoceanportfolios.com to link to webpages rather than displaying it within the featured box on the left .
This area is using JS file to display the videos on content in the featured box when different items on the menu are clicked, here is the working example :
http://www.blueoceanportfolios.com/company/
Okay ,
The problem: Loading a new webpage rather than displaying the content at featured box at the homepage of above website
Tried solutions: linking to javascript functions like onclick="window.location="http://someplace.com";" etc but still the content loads up in the featured box ,
try clicking on 2) it displays stackoverflow.com rather than loading new page.
Any suggestions ?
This:
<script type="text/javascript">
onclick="window.location="http://someplace.com";"
</script>
... is not the way to add event handlers to an element. If you want those anchors to link to a web page, put the URL in the href attribute like any normal link:
Link text
Related
I'd like to link to a specific button that is activated with js.
Here is the page
Right now the "Base Vessel" image collection (bottom of page) is displayed when opening the page.
I want to be able to display directly "Fitness center" image collection instead whith my link and also scroll down.
Is this possible to code this in a link?
I am trying to navigate to another HTML file without changing pages. Basically I got an emergency button, and once clicked, it should open an HTML file which pops up a box displaying 3 other buttons. This box also has an "X" to close the window, to close this HTML file and go back to the other.
Basically I want 2 html files to display at the same time. I am currently using adobe edge animate to do the process, however I am capable to use Javascript and HTML.
To give you an idea: It is similar to when visiting a website and a box pops up asking you if you want to subscribe to the news letter, or just keep searching.
Thanks
Well. what i understand of your question. You want an html page on an html page. I suggest you could use JQuery popup screen. Visit this link. https://jqueryui.com/dialog/
If you want to call another html page without refreshing your page use Jquery .load(). http://api.jquery.com/load/
$( "#div_to_load_file_in" ).load( "path/to/your/file.html" );
I created some widgets in my Wordpress theme, I want create representation for some of my widget fields, For example I create Twitter widget, it is contain the VIDEO_ID field, I created link named (info),
I want when anyone don't Know how get twitter VIDEO_ID, Then click on (info) link, to show it the explanation image on screen without refresh page.
How I can Show images by clicking on info link to show images without refresh the page and then click on close button to close the image?
use a Modal to present your image.
You can refer to bootstrap modal http://www.w3schools.com/bootstrap/bootstrap_modal.asp
I have a link in my menu that opens up a fancybox with some ajax contents. This box contains links, like a menu for the data shown in the fancybox. I would like to be able to click these links and change the content of the fancybox but all I manage is to open a new box instead, which makes the screen fade to white and back which makes it look like it's flickering.
I tried using an array of content dictionaries to just change the but couldn't get it to load any of them. I've also added a rel to the links making it a album with arrows on the side so I can go to the next/previous and that works fine except that's not the type of navigation I want. It must be possible to do the same through links instead, but I can't figure out how. Can anyone help me with this?
Edit: a small jsfiddle of some things that I tried.
Fancybox supports iframes. You could make an iframe instead. And put in another html-page there.
You can try on each link
The links located on the same server or different domains?
Have you tried with onclick="window.location.replace(url)"
I use fancybox on our web system and that helped me with fancybox
I've seen a few sites offer a tool that allows users to drag a button to their favorites bar and then when they click on it, no matter what site they are on, a div of some form would pop up on the page. When I looked at the url of the button that I had dragged onto my favorites bar, I realized that it was actually javascript code.
How is this effect accomplished?
This is called a "bookmarklet". You can create a hyperlink that contains the necessary JavaScript code, which they drag into their bookmark toolbar.
It is as simple as creating a hyperlink on your page containing the JavaScript as its href. For example:
<a href='javascript:alert("you clicked a bookmarklet");'>Drag me to your bookmarks</a>
See it in action at JSFiddle...
In order to make it look like a button, CSS is applied (borders, background color, etc.).
Try typing this in the location bar of your browser, when you press return the javascript will execute automatically:
javascript:alert('hi');
Bookmark 'scriptlets' work using the same notion. If you have an <A> tag as follows on your page:
<a href="javascript:alert('hi');" >Hello Scriptlet</a>
And you drag it onto your bookmarks bar, you'll create a scriptlet with the same behaviour.