I've been searching the internet to get some information about how i can be able to detect and show what a url is about.
Facebook has a good example of what i actually want to achieve:
If you create a update on facebook and paste in a URL, facebook will detect some information about it and show a box with some text and often the right picture.
for instance, take: http://www.ebay.com/itm/Mens-Monk-Strap-Loafers-Suede-Lined-Metal-Buckle-Slip-Casual-Dress-Shoes-New-/311170422772 . then it shows the image of the shoe and headline.
Ive found other services which does this with image services and youtube, but what i need is about getting information of products most of the time, so often urls from shops. So the user pastes in a url, and i can detect what that link is about.
any ideer how this can be done ?
Is it backend code, like c# or javascript ?
Hopefully some of you can point me in the right direction. Thanks in advance!
Facebook scrapes pages for specific metadata in the back-end and uses it to generate the snippets you see, which can either be served along with the initial page load or brought in via JavaScript (front-end). From there it's a matter of using CSS and JS to style the popup to your liking.
Depending on how inter-related your site is with the content you want to display, this can be an easy task or a difficult one.
Related
I am trying to figure out a way to hide a specific link from the Quicklaunch navigation bar on one of my sites in SharePoint 2013 and am having some trouble. Basically I am trying to make it so that a link is only visible to users within a specific group and any other users that are not part of this group will not see the Quicklaunch link. I have been reading up on how to implement this via css and javascript within the default master page but do not seem to be having any luck. I was using SPServices to get the group membership for the currently logged in user and based on there membership either hiding or showing the specific Quicklaunch item. I implemented this code into the master page and I though I had it working, however upon navigating to a different page, list, or library within the site the given link reappears. I do not know if I am doing something wrong but as a last resort I have come here for answers. If anyone could point me in the right direction I would greatly appreciate it.
Bellow is a screenshot to get a better understanding of what it is I am trying to do...
Security trimming should be automatic for the quick launch. Users not being able to see the list, should not see the quicklaunch entry. One thing i experienced in the past is that the security trimming does not work if your quick launch URL looks like this
https://url/sites/sc/Lists/internallistname
but will work if you include the aspx-page
https://url/sites/sc/Lists/internallistname/AllItems.aspx
Don't know about foundation but it's worth a try...
I'm making a simple website (think of it as wikipedia without the text), where the users click links to people's names and then go to that person's personal page. I would like to be able to have an image of the person also show up on the personal page, but I don't want to hard code the links to the images or save them on my computer.
Is there a way that I can get the top search result from Google images and then copy that link to put into each page dynamically?
I would suggest using the google api (Google image search api ), pull a search on page load for the user, parse the json for the "unescapedUrl" and use that as your img src attribute.
Im totally new to integrating social media with a website so this is a bit of a scattershot question. There is no doubt questions on here answering this already but as im not sure what im looking for yet, im not sure how to find them.
Okay so my company wants to promote their twitter and facebook profiles as customer service avenues, so users will ask questions on there rather than calling or emailing.
Ive built quite a funky page promoting this, however the links are literally just links to the facebook and twitter pages.
Is there a method to load a window to twitter or facebook from a website link that will prompt a user to type and submit a question to be submitted the the FB/twitter feed? Or is there a way to take content from a text box on site and pass this through to FB/Twitter?
Basically just looking for something slightly cooler and more user friendly than just dumping them on the companies FB or twitter page on click.
Cheers,
Found the solution I was looking for that works for twitter, its simply passing values through a URL, details are here https://about.twitter.com/resources/buttons#mention.
For facebook, seem to be able to do this through the comments module. Seems like a lot of this can be edited through the API so a combination of both should give me what i need:
https://developers.facebook.com/docs/plugins/comments/
use this website as an idea on pushing content into tweets
http://www.sharelinkgenerator.com/
example for twitter: the href on your link would be:
https://twitter.com/home?status=your%20content%20here
if you wanted dynamic content, you would build the url using script.
same rules apply for facebook.
if you wanted to keep it within your website, maybe look into a fixed position div containing an iframe.
A user would click a submit button and a function would create a div in a gallery on my site with which they could link to if they wanted to share that content specifically. The content is just embedded and hosted on other sites like youtube so the user would not be actually uploading any content or need an account. It's a free open gallery that anyone could copy a url and paste into an input and submit that content into a div in the gallery.
Any ideas where to start? Would this require php?
Well if you're a super beginner or something the first step would be to make your website just the way you want it and inside these div's you can just put the url that the user submitted instead of the content that url points to. [If you can do this then I assume you wouldn't need to ask this question, so don't mind me treating you like a complete beginner]
How would you achieve this? Well you're definitely need:
Some sort of server side language (php is a good choice) that allows you to use the input from the user (The POST request from the form he/she submits),
Check it for correctness / clean up the input / supported websites, etc.
Save this information somewhere (a database) so that you can get it back later.
The next steps would be to now get the information from the database and show it on your gallery page like you want it. This involves:
Getting whatever subset of information you want to display on a particular page from the database. Perhaps only cat related things or something, I don't know.
Just displaying it in your div's using a for loop or something.
.
foreach ($subset as $url) {
echo "<div>$url</div>";
}
Then the last step would be to convert these links into actual videos / images or whatever depending on the type of link. This can be done both client side using Javascript / server side using php or some other language.
This is going to be a lot of manual work, looking through every websites api and figuring out how to convert a url into a video for example. Images are easy but they may be hotlink protected so you might have to go through an API there as well.
I would like to create a similar effect to Apple's Safari 4 Beta Top Sites page -
when when you view it and a page's content has changed since you last visited, it displays a blue star in the top right hand corner to notify you.
I would like to do the very same, but only within my website and instead of an image I would like to append a '*' or some other character to the menu item's link.
I'm sure you would use the jQuery Cookie Plugin, but my scripting is not that advanced and I do not know how to dynamically change the cookie's content. Have I explained properly? How would I do it?
Many thanks in advance
Server side:
Read the website f.ex every minute and save the timestamp if changed content.
Save the users' visit timestamp to the page
Ajax:
Check if the websites update timestamp is newer than your visitors' timestamp, if yes make the star class visible, when the user clicks on the link, make the star disappear and update the users timestamp.
--
Showing a star or an image or whatever with Jquery is not the big deal here, it's a oneliner, the complex problem is to detect website changes, because minor changes can occur, but the main content could not change. The easiest way to do this would be if the website provides rss, then there's probable that the important new content will be published via rss.
You're asking a very vague question. Have you even attempted this? Please try it first then ask for help along the way.
Also, this is not something you necessarily need jQuery for. You could do it completely on the backend. But it's hard to say which solution is best for you without know anymore details.
I guess I would recommend using php and storing the cached page into a db (in other words the user would have a "fav pages" account) then when the user visits the "fav pages" webpage, you would fetch all the users favorite pages and compare it to what has been stored in the db. But for certain pages (for example if they have a date/time string), it would be very difficult to tell if the change was something the user wants to know about. Probably you would need to create a complex algorithm to decide what change is good change and what change is just certain website features.