2017 © Pedro PelĂĄez
 

library jquery-liveurl

image

intelogie/jquery-liveurl

  • Monday, March 5, 2018
  • by bgauthier
  • Repository
  • 1 Watchers
  • 0 Stars
  • 43 Installations
  • JavaScript
  • 0 Dependents
  • 0 Suggesters
  • 40 Forks
  • 0 Open issues
  • 3 Versions
  • 10 % Grown

The README.md

jquery.liveurl - a facebook attachment clone (version 1.2.2)

This plugin enables a live preview for an url in a textarea, like the facebook attachmentbr/ of a post. Multiple images and a video preview is in this demo integrated., (*1)

Features

  • Filters urls and images from a textarea
  • Multiple Images
  • Video Preview
  • NO PHP required (YQL)
  • Meta Tag Recognition
  • Body Images Inspector
  • Body Paragraphs Inspector for Description Fallback

Demo

Online-Demo: http://liveurl.ainetworks.de/demo/, (*2)

, (*3)

Installation

Include this script after the jQuery library, (*4)

  <script src="/path/to/jquery.liveurl.js"></script>

Browser Compatibility

  • Google Chrome 23
  • Mozilla Firefox 16.0.2
  • Internet Explorer 7, 8 and 9
  • Safari 5.1.7

Quick Usage

You can use this plugin on every textarea. Start it directly:, (*5)

$('textarea').liveUrl({
  success : function(data) 
  {  
    console.log(data);
    // this return the first found url data
  }
});

returns:

Object = {
    title: "New Car Quotes, Buy Used Cars, and Prices | The cars.com alternative  | Car.com", 
    description: "Car Reviews, Car Financing, and a Free non-obligat
e.", 
    url: "http://www.car.com", 
    video: null
}

Options

Option Parameter Default Description
findLogo [boolean (true / false)] false should search for an image or class namend "logo" for the image preview
logoWord [string] logo Word, which should be searched, used for the "findLogo" option
findDescription [boolean (true / false)] true should search for an p tag with text, only if the description is not given
matchNoData [boolean (true / false)] true preview urls, which are not found (offline, 404)
multipleImages [boolean (true / false)] true preview more than one image of the url
minWidth [integer] 100 Value in pixel for the minimum width of each preview-image
minHeight [integer] 32 Value in pixel for the minimum height of each preview-image
loadStart [function()] {} This function starts if the plugin start a page download - for an optional loader
loadEnd [function()] {} This function starts if the plugin has finished the page download
success [function()] {data} Returns the information about the first found url
addImage [function()] {image} This function is started each time, if a picture is found
imgLoadStart [function()] {} Not implemented
imgLoadEnd [function()] {} Not implemented

Development

Authors

Stephan Fischer, (*6)

Donation

If you want to support me, make a small donation at www.paypal.com: stephan@ainetworks.de, (*7)

The Versions

05/03 2018

1.2.2

1.2.2.0

  Sources   Download

05/03 2018

1.2.1

1.2.1.0

  Sources   Download

21/07 2016

dev-master

9999999-dev

  Sources   Download