При включении моей страницы общедоступного профиля LinkedIn в виде HTML внутри DIV, он берет на себя мой собственный JQuery, как я могу это остановить?
Я не могу работать с полным профилем участника из LinkedIn, я просто хочу разместить наши общедоступные профили на нашем сайте в разделах нашего профиля:
Я могу использовать php include для этого, и все хорошо, за исключением того, что он разрушает мой jQuery уже на моей странице и, следовательно, вкладки и их содержимое не работают.
function getProfileDivs ($dbc, $pg) {
$q6 = "SELECT * FROM profilelinks WHERE parent='$_GET[title]' AND status=1 ORDER BY id ASC ";
$r6 = mysqli_query($dbc, $q6);
if ($r6) {
while ($link2 = mysqli_fetch_assoc($r6)) {
$thread=$link2['label'];
echo "<div id='".$thread."'>";
if ($thread=='Profile') {
$profile= $_GET['title'];
profilePost ($dbc, $pg);
echo '<div id="linkedin">';
include ('http://www.linkedin.com/in/abstrkt'.$profile.'');
echo '</div>';
}elseif ($thread=='Mixcloud'){
echo '<h2>'.$thread.'</h2>';
personalBlogs ($dbc, $pg, $thread);
echo "<script src='http://widget.mixcloud.com/media/js/follow_embed.js'></script>";
}else{
echo '<h2>'.$thread.'</h2>';
personalBlogs ($dbc, $pg, $thread);
}
echo '</div>'; }//create Divs dynamicallly CLOSE
}//get Div Id's from table and display CLOSE
}
как можно изолировать ссылки LinkedIn HTML, чтобы они влияли только на профили, называемые DIV, в которых он находится, и, таким образом, все еще позволяли моим вкладкам работать должным образом?
в настоящее время это влияет и на глобальный CSS.
вот код iframe, который вообще не работает, просто пустое поле:
if ($thread=='Profile') {
$profile= $_GET['title'];
profilePost ($dbc, $pg);
echo '<div id="linkedin">';
echo '<iframe src="http://www.linkedin.com/in/abstrkt'.$profile.'" width="100%" height="450px" scrolling="yes"></iframe>';
//include ('http://www.linkedin.com/in/abstrkt'.$profile.'');
echo '</div>';
here is what the iframes look like on view source of the page for the whole tabs structure, everything works like this except the 1st linkedin iframe:
<div id="MainContent" class="background1"> <div id="ProfileStructure" class="ProfileStructure"><ul><li><a href=#Profile>Profile</a></li><li><a href=#Soundcloud>Soundcloud</a></li><li><a href=#Mixcloud>Mixcloud</a></li><li><a href=#Vimeo>Vimeo</a></li><li><a href=#Programming>Programming</a></li></ul><div id='Profile'><div id="linkedin"><iframe src="http://www.linkedin.com/in/abstrktRobbie" width="100%" height="450px" scrolling="yes"></iframe></div></div><div id='Soundcloud'><h2>Soundcloud</h2><div id="blogPosts">
<table>
<tr><h3>Soundcloud by Robbie</h3></tr>
<tr><iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fusers%2F4985712&color=8267c9&auto_play=false&show_artwork=true"></iframe></tr>
</table> <br></br></div></div><div id='Mixcloud'><h2>Mixcloud</h2><div id="blogPosts">
<table>
<tr><h3>Mixcloud by Robbie</h3></tr>
<tr><div><object width="100%" height="480"><param name="movie" value="//www.mixcloud.com/media/swf/player/mixcloudLoader.swf?feed=http%3A%2F%2Fwww.mixcloud.com%2FEnnoia_Delusions_of_Self%2F%3Flimit%3D10&embed_uuid=90a1ce18-e71a-45f4-825f-c2097e674728&stylecolor=&embed_type=widget_standard"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="opaque"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.mixcloud.com/media/swf/player/mixcloudLoader.swf?feed=http%3A%2F%2Fwww.mixcloud.com%2FEnnoia_Delusions_of_Self%2F%3Flimit%3D10&embed_uuid=90a1ce18-e71a-45f4-825f-c2097e674728&stylecolor=&embed_type=widget_standard" type="application/x-shockwave-flash" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" width="100%" height="480"></embed></object><div style="clear:both; height:3px;"></div><p style="display:block; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin:0; padding: 3px 4px; color:#02a0c7; width:auto;"><a href="http://www.mixcloud.com/Ennoia_Delusions_of_Self/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=resource_link" target="_blank" style="color:#02a0c7; font-weight:bold;">Latest Ennoia's Cloudcasts</a><span> on </span><a href="http://www.mixcloud.com/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=homepage_link" target="_blank" style="color:#02a0c7; font-weight:bold;"> Mixcloud</a></p><div style="clear:both; height:3px;"></div></div>
<div style="clear:both; height:3px; width:auto;"></div><p style="display:block; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin:0; padding: 3px 4px; color:#f3eaf5; width:auto;"><a href="http://www.mixcloud.com/Ennoia_Delusions_of_Self/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=resource_link" target="_blank" style="color:#f3eaf5; font-weight:bold;">Latest Ennoia's Cloudcasts</a><span> on </span><a href="http://www.mixcloud.com/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=homepage_link" target="_blank" style="color:#f3eaf5; font-weight:bold;"> Mixcloud</a></p><div style="clear:both; height:3px;"></div>
<a class="mixcloud-follow-widget" href="http://www.mixcloud.com/Ennoia_Delusions_of_Self/" data-h="160" data-w="315" data-faces="on">Follow Ennoia on Mixcloud</a></tr>
</table> <br></br></div><script src='http://widget.mixcloud.com/media/js/follow_embed.js'></script></div><div id='Vimeo'><h2>Vimeo</h2><div id="blogPosts">
<table>
<tr><h3>Vimeo by Robbie</h3></tr>
<tr><iframe src="http://player.vimeo.com/hubnut/user/user2484971/uploaded_videos?color=000000&background=ffffff&slideshow=0&video_title=1&video_byline=1" height="450" width="100%"></iframe></tr>
</table> <br></br></div></div><div id='Programming'><h2>Programming</h2><div id="blogPosts">
<table>
</table> <br></br></div><div id="blogPosts">
.<br></tr>
</table> <br></br></div></div></div> </div>
РЕДАКТИРОВАТЬ 3
Итак, вот страница API, скопированная непосредственно с сайта linkedin, с номером моего ключа API, и это дает мне эту ошибку:
'); IN.parse(document.getElementById("profile")) }) }
который мне кажется "открывает или закрывает что-то, что потом не может прочитать после него... в Dreamweaver нет никаких синтаксических ошибок или чего-либо в этой строке, кроме строки 6, где ключ имеет то, что делает нет смысла... число 5 на старте красное, и все же, если я соберу это снизу вверх, я смогу показать привет Робби Миллеру, но как только я создаю профиль div, который он запрашивает в JS, он делает это`
<html>
<head>
<title>Profile App Example</title>
<script type="text/javascript" src="http://platform.linkedin.com/in.js">
api_key: 5m5y1ybx85gp
authorize: true
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5b1.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
<script type="text/javascript">
function loadData() {
IN.API.Profile("me")
.result(function(result) {
$("#profile").html('<script type="IN/FullMemberProfile" data-id="' + result.values[0].id + '"></script>');
IN.parse(document.getElementById("profile"))
})
}
</script>
</head>
<body class="yui3-skin-sam yui-skin-sam">
<div id="profile"></div>
<script type="IN/Login" data-onAuth="loadData"></script>
</body>
</html>`
1 ответ
Вы можете просто поместить его в iFrame, как сказал Диодей, или вы можете следовать собственной помощи Linkedin.
http://help.linkedin.com/app/answers/detail/a_id/85
В нем описаны способы продвижения вашего профиля. Большинство людей просто имеют ссылку на свой сайт на свой профиль или страницу их компаний.
ОБНОВЛЕНИЕ: Похоже, что кадр вызывает проблему перекрестного происхождения.
так что единственное реальное решение - это использовать инструменты Linkedin.