Fusion de code javascript
jericoallods
Messages postés
16
Statut
Membre
-
jericoallods Messages postés 16 Statut Membre -
jericoallods Messages postés 16 Statut Membre -
Bonjour,
slt a tous est ce qu'on peut fusionné deux code javascript
slt a tous est ce qu'on peut fusionné deux code javascript
6 réponses
-
Salut,
si tu parles de mettre le contenu de deux <script></script> dans un seul set de balises, oui, c'est tout à fait possible.
Le mieux reste encore de mettre tes codes javascript dans un fichier externe que tu appelleras dans ta page HTML.
<script src="CHEMIN_VERS_TON_FICHIER_JS" type="text/javascript"></script> -
le problème c'est que j'ai deux script un pour un slider et un autre pour faire l'appel a des données depuis datamanager de mapquest les données apporter de datamanager doivent être afficher sur le slider lorsque j'ai mis les deux code le slider affiche les données mais sans annimation c'est a dire le slider s'affiche l'une a coté de l'autre
-
voici le code du slider
jQuery(document).ready(function ($) {
$('#checkbox').change(function(){
setInterval(function () {
moveRight();
}, 3000);
});
var slideCount = $('#slider ul li').length;
var slideWidth = $('#slider ul li').width();
var slideHeight = $('#slider ul li').height();
var sliderUlWidth = slideCount * slideWidth;
$('#slider').css({ width: slideWidth, height: slideHeight });
$('#slider ul').css({ width: sliderUlWidth, marginLeft: - slideWidth });
$('#slider ul li:last-child').prependTo('#slider ul');
function moveLeft() {
$('#slider ul').animate({
left: + slideWidth
}, 200, function () {
$('#slider ul li:last-child').prependTo('#slider ul');
$('#slider ul').css('left', '');
});
};
function moveRight() {
$('#slider ul').animate({
left: - slideWidth
}, 200, function () {
$('#slider ul li:first-child').appendTo('#slider ul');
$('#slider ul').css('left', '');
});
};
$('a.control_prev').click(function () {
moveLeft();
});
$('a.control_next').click(function () {
moveRight();
});
}); -
voici le code de mapquest
var key = "Fmjtd%7Cluurnu0tn9%2Cbg%3Do5-9w8n90";
/*An example using jQuery's $(document).ready function to wait until the DOM is fully loaded and
$.ajax function to make an asynchronous HTTP (Ajax) request to the Search API Web Service.*/
$(document).ready(function() {
/*Radius Search Using Your Own Custom Data Table*/
$.ajax({
url: 'http://www.mapquestapi.com/search/v2/radius',
dataType: 'jsonp',
crossDomain: true,
data: {
key: decodeURIComponent(key),
origin: '36.793626,10.277790', /*origin of the radius search*/
radius: 1, /*radius of search in kilometre*/
hostedData: 'mqap.145112_hanglocationstest|' /*the hosted data table you want to search along with query to narrow the results*/
},
success: function(data, textStatus, jqXHR) {
var pois = new MQA.ShapeCollection();
var html = '<div id="slider"><a href="#" class="control_next">>></a><a href="#" class="control_prev"><</a><ul>'; /* 200<thead><tr><th>Announcer_ID</th><th>Name</th><th>ADDRESS</th><th>Discription</th><th>DISTANCE (k)</th></tr>*/
/*Add POI markers and populate the search result table*/
for (i=1;i<data.searchResults.length;i++) {
var location = new MQA.Poi({lat:data.searchResults[i].shapePoints[0],lng:data.searchResults[i].shapePoints[1]});
/*Change default POI icons to numbered icons*/
var numberedPoi = new MQA.Icon('http://www.mapquestapi.com/staticmap/geticon?uri=poi-' + (i+1) + '.png',20,29);
location.setIcon(numberedPoi);
/*Populate the content within the InfoWindows*/
location.setRolloverContent('<div style="width:200px; font:bold 14px Helvetica, Arial, sans-serif;">' + data.searchResults[i].fields.title_annonce + '</div>');
location.setInfoContentHTML('<div style="width:200px; font:bold 14px Helvetica, Arial, sans-serif;">' + data.searchResults[i].fields.title_annonce + '</div>' + data.searchResults[i].fields.title_place + '<br />' + data.searchResults[i].fields.desc_id + ', CO ');
pois.add(location);
/*<td>' + data.searchResults[i].resultNumber + '</td>*/
html += '<li><tr><td align="center">' + data.searchResults[i].fields.title_annonce + '</td></tr><tr><td align="center">' + data.searchResults[i].fields.desc_id + '</td></tr><tr><td align="center">' + data.searchResults[i].fields.title_place + '</td></tr><tr><td align="center"><b> A </b>'+ data.searchResults[i].distance + '<b> K</b></td></tr></li>';
}
html += '</ul></div>';
document.getElementById('searchResults').innerHTML = html;
/*Create an object for options*/
var options={
elt:document.getElementById('map'),
collection:pois
}; -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
j'ai pas pu mettre la suite du code mais tous le code nécessaire est la je veut afficher les annonce apporter dpuis data manager sur le slider en fonction du nombre de données le nombre de slide augmente
-