خلق "جوجل تحليلات" مثل تراكب الموقع
https://stackoverflow.com/questions/1445462
-
22-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
وأنا أحاول أن إنشاء موقع الذي يستخدم تقنية مماثلة لتلك التي من جوجل تحليلات تراكب الموقع، ولكن سيتم تأطير موقعي الخاص. أنا قد قررت لاحقا لتغيير نوع من تراكب (أو القضاء عليها تماما)، وذلك باستخدام تراكب بدلا من تعديل مباشرة في صفحة المصدر هو الخيار الوحيد وأنا على النظر. الآن، أنا اختبار أيضا شريط ثابت وضعه في الجزء العلوي (مثل يستخدم برنامج Google Analytics كذلك)، والتي سوف تستخدم إطار iframe أدناه لخدمة الصفحة المصدر.
وهنا هو رمز:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<title>Test Overlay</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
margin: 0;
padding: 40px 0 0 0;
overflow: hidden;
font: 83%/1.4 Arial, Helvetica, Sans-Serif;
}
#bar {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
min-width: 900px;
height: 30px;
padding: 5px 0;
line-height: 1;
background: #333;
color: #fff;
text-size: 1.2em;
}
#bar a {
padding: 0 5px;
color: #fff;
}
#frame {
width: 100%;
height: 100%;
z-index: 10;
}
#overlay_example
{
position: absolute;
left: 275px;
top: 275px;
font-size: 14px;
}
</style>
</head>
<body>
<div id="content">
<div id="bar">
<a href="http://mytestsite.com" title="overlay example">Test Site</a>
</div>
<div>
<iframe scrolling="auto" id="frame" src="http://www.google.com/search?hl=en&q=CSS+iframe+overlay" frameborder="0" ></iframe>
</div>
<div id="overlay_example">* Overlay Data *</div>
</div>
</body>
</html>
ولكن المشكلة الرئيسية لدي هو أن على موقعي على شبكة الإنترنت الهدف (جوجل البحث في هذه الحالة اختبار)، عندما انتقل صفحات أطول من مساحة الشاشة للعرض، كما انزل، النص تراكب يبقى ثابت في مكان. هناك على أية حال لتغيير CSS بحيث يبقى النص تراكب وضع بجانب ما أريد أن تراكب في الموقع المستهدف؟ في حالة من نتائج بحث Google على سبيل المثال، إذا كان لي أن تراكب النص بجوار شعار Google، فإن النص تراكب تبقى دائما بجانب شعار Google، حتى أنني عندما تمريره أسفل بعيدا بما فيه الكفاية أن الشعار لم يعد في رأي كان النص تراكب أيضا لم يعد في الرأي. هذا يعمل تماما مثل برنامج Google Analytics التي أريد النص تراكب لترسيخ الحق في الحصول على النص الذي يعلو.
واسمحوا لي أن أعرف ما اذا كان يمكنني الإجابة على أي أسئلة حول كيفية أود أن تعمل.
وشكرا!
المحلول
ونظرا للقيود الأمنية للمتصفح وأنا لا أعتقد أنه يمكنك تعديل محتويات إطار iframe من خارج هذا الإطار من. سيكون لديك أن تفعل التصميم من داخل إطار iframe مع المغلق أو جافا سكريبت.
