أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

الملحقات البرمجية Addons

طلبات وحلول الملحقات البرمجية

اريد عمل صفحة لدمج رابط مع صورة

: موضوع مغلق

الصفحة 2 من 2

الأخيرة

تمت الإجابة

: تمت الإجابة اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 12:52 صباحاً

BilalBilal

السلام عليكم ورحمة الله وبركاته

اخوتى اريد عمل صفحة ادمج رابط داخل صور بمعنى ادق

اضع ثلاث تكست بوكس واحد لرابط الصور والثانى لاى رابط موقع

والثالث للوصف حتى اذا ضغط الزائر على الصورة يتم تحويلة الى الموقع اللى داخل الصورة

وانا اسف لانى لسة جديد معكم عموما ومع البرمجة خصوصا.

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 01:09 صباحاً [1]

Soliman

وعليكم السلام ورحمة الله وبركاته ،،

هل لديك مثال حي للطريقة التي تريدها

يفضل ان تضع رابط الموقع مطبق نفس الطريقة او صورة

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 01:31 صباحاً [2]

BilalBilal

مثل ذلك اخى وربنا يجزيك كل خير يارب....

https://fblinker.com/

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 01:59 صباحاً [3]

Soliman

تفضل

CODE

<style>
form {
    padding: 52px 8px 25px;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}
</style>
<form action="#" id="mainform" method="post" target="hiframe" enctype="multipart/form-data">
<div class="cols">
<ul>
<li class="text">Your Link : </li>
<li><input name="link" id="link" type="text"></li>
</ul>
<ul>
<li class="text">Description : </li>
<li><textarea name="description" id="description"></textarea></li>
</ul>
<ul>
<li class="text">Picture : </li>
<li><input name="image" id="image" type="file" accept="image/*">
<input name="image_uped" id="image_uped" type="hidden" value=""/>
<input name="image_top" id="image_top" type="hidden" value=""/>
<input name="image_left" id="image_left" type="hidden" value=""/>
<input name="image_width" id="image_width" type="hidden" value=""/>
<input name="image_basewidth" id="image_basewidth" type="hidden" value=""/>
</li>
</ul>
</form>

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 02:41 صباحاً [4]

BilalBilal

المشاركة الأصلية كتبت بواسطة: Soliman تفضل

CODE

<style>
form {
    padding: 52px 8px 25px;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}
</style>
<form action="#" id="mainform" method="post" target="hiframe" enctype="multipart/form-data">
<div class="cols">
<ul>
<li class="text">Your Link : </li>
<li><input name="link" id="link" type="text"></li>
</ul>
<ul>
<li class="text">Description : </li>
<li><textarea name="description" id="description"></textarea></li>
</ul>
<ul>
<li class="text">Picture : </li>
<li><input name="image" id="image" type="file" accept="image/*">
<input name="image_uped" id="image_uped" type="hidden" value=""/>
<input name="image_top" id="image_top" type="hidden" value=""/>
<input name="image_left" id="image_left" type="hidden" value=""/>
<input name="image_width" id="image_width" type="hidden" value=""/>
<input name="image_basewidth" id="image_basewidth" type="hidden" value=""/>
</li>
</ul>
</form>

الله يبارك فى حضرتك اخى العزيز ويجزيك كل الخيرات...

لكن بعد ما وضعت الروابط والوصف لا يوجد زر التحويل يعنى كانى لم أفعل شيئاً....

فقط ينقصه زر التحويل وطبعا انا اسف أثقلت عليك

: تم تحرير المشاركة بواسطة :BilalBilal بتاريخ:21-06-2017 03:20 صباحاً

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 03:24 صباحاً [5]

Soliman

إذا تقصد زر Submit ارسال النموذج

فابحث عن

CODE

</form>

وضع قبلها هذا الكود

CODE

<input id="submit_button" type="submit" value="Submit">

وهنا الكود الكامل مع استقبال المدخلات وعرضها من خلال php

CODE

<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://fblinker.com/js/script.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>window.onbeforeunload=wraploading;</script>
<title>link thumbnail !</title>
<style>
form {
    padding: 52px 8px 25px;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}
</style>
</head>
<body>
<form action="#" id="mainform" method="post" target="hiframe" enctype="multipart/form-data">
<div class="cols">
<ul>
<li class="text">Your Link : </li>
<li><input name="link" id="link" type="text"></li>
</ul>
<ul>
<li class="text">Description : </li>
<li><textarea name="description" id="description"></textarea></li>
</ul>
<ul>
<li class="text">Picture : </li>
<li><input name="image" id="image" type="file" accept="image/*">
<input name="image_uped" id="image_uped" type="hidden" value=""/>
<input name="image_top" id="image_top" type="hidden" value=""/>
<input name="image_left" id="image_left" type="hidden" value=""/>
<input name="image_width" id="image_width" type="hidden" value=""/>
<input name="image_basewidth" id="image_basewidth" type="hidden" value=""/>
</li>
</ul>
<input id="submit_button" name="submit" type="submit" value="Submit">
</form>
<br><br>
<?php
if(isset($_POST["submit"]))
{
echo "<b>Your Link :</b>".$_POST["link"].'<br>';
echo "<b>Description :</b>".$_POST["description"].'<br>';
$target_dir = "uploads/";  // رفع الصور إلى مجلد
$target_file = $target_dir . basename($_FILES["image"]["name"]);
echo "<b>Picture :</b>".$target_dir.$_FILES["image"]["name"].'<br><img border="0" src="'.$target_dir.$_FILES["image"]["name"].'"><br>';
}
?>
</body>
</html>

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 03:35 صباحاً [6]

BilalBilal

للاسف اخى ظهر معى هذا

لو تلاحظ بحولنى لصفحة اخرى فى لسان جديد فاضى وانا عاوز

الرابط المدموج يظهر فى تكست بوكس اخر بنفس الصفحة

اعذرنى فأنا جديد

: تم تحرير المشاركة بواسطة :BilalBilal بتاريخ:21-06-2017 03:37 صباحاً

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 06:19 صباحاً [7]

Soliman

تقصد بالأجاكس

تفضل نموذج يتكون من ثلاث حقول من ضمنها رفع صورة

جاهز للإرسال POST في PHP واستقبال النتيجة بدون تحديث الصفحة باستعمال الأجاكس

بالمرفقات

: blaal.zip تحميل zip مرات التحميل :(3)
الحجم :(3.293) KB

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 02:00 مساءً [8]

BilalBilal

المشاركة الأصلية كتبت بواسطة: Soliman تقصد بالأجاكس

تفضل نموذج يتكون من ثلاث حقول من ضمنها رفع صورة

جاهز للإرسال POST في PHP واستقبال النتيجة بدون تحديث الصفحة باستعمال الأجاكس

بالمرفقات

حقيقة انت راجل محترم وانسان خلوق رغم انى لا اعرفك وأول مرة اتحدث معك واطلب طلب....

المرفق جميل ماشاء الله لكن يبدو ان حضرتك لم تفهم مقصدى رغم توضيحى..

حضرتك استقبال النتيجة يأتى لى بما أدرجته داخل الخانات يعنى ياتى بالنتيجة كالأتى

اريد عمل صفحة لدمج رابط مع صورة

وانا اريد الناتج يأتى مدموج به الرابط ورابط الصورة والوصف فى رابط واحد فقط وهو رابط الصورة

اللى هاحطها فى الموضوع تماما مثل هذا الموضوع أو قل هذه الصورة التى فى الموضوع

فهى بها رابط داخل الصورة

https://www.facebook.com/gmeamshaklek/posts/204137600091828

انا اسف اخى لكم من فضلك تحملنى لان فعلا أحتاج لهذا الموضوع جدا

: تم تحرير المشاركة بواسطة :BilalBilal بتاريخ:21-06-2017 02:07 مساءً

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 07:24 مساءً [9]

Soliman

تفضل التعديل الذي طلبته

: bla2al.zip تحميل zip مرات التحميل :(2)
الحجم :(3.334) KB

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 09:12 مساءً [10]

BilalBilal

المشاركة الأصلية كتبت بواسطة: Soliman تفضل التعديل الذي طلبته

هو كدة تمام ربنا يعزك لكن لما بضغط على الصورة لا يتجهه الى الموقع المراد الذهاب اليه فقط بيظهر صفحة فارغة

انظر للصور لتعرف مقصدى

اريد عمل صفحة لدمج رابط مع صورة

طبعا ماكنتش عاوز الموضوع يطول كى لا تنزعج منى لكن والله الموضوع ضرورى لى جدا فاعتذر لك

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 11:34 مساءً [11]

Soliman

تفضل

: blaa3l.zip تحميل zip مرات التحميل :(4)
الحجم :(3.354) KB

: اريد عمل صفحة لدمج رابط مع صورة

21-06-2017 11:51 مساءً [12]

BilalBilal

المشاركة الأصلية كتبت بواسطة: Soliman تفضل

والله انا محروج منك جدا كمان وهى فعلا نجحت لكن انا اريد الصورة التى تم اختيارها من الصفحى التى تفضلت حضرتك بعمل الكود لها هى التى تظهر فى الموضوع ليس صورة الموقع لآن لو صورة الموقع هى التى ستظهر فأكيد سيكون موضوعى هذا ليس له اى قيمة لآنى ممكن أجلب الرابط مباشراً من الموقع دون رفع صورة من جهازى

انظر لتعرف مقصدى وبالله عليك كن صبورا معى.......

: تم تحرير المشاركة بواسطة :BilalBilal بتاريخ:21-06-2017 11:53 مساءً

الصفحة 2 من 2

الأخيرة

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
في آخر 20 زائر لهذه الصفحة اريد تلوين اسماء الأعضاء	شبعان	9	117	Soliman
مشكلة عدم ظهور المنتديات في الصفحة الرئيسية	alhanaa	2	71	alhanaa
ثقل صفحة لوحة تحكم الاداره المنتدي	شبعان	2	57	شبعان
اضافة زر لإدراج إطار iframe لعرض صفحة ويب في المواضيع للنسخة 3.0.4	Soliman	3	440	شبعان
ظهور خطأ في صفحة لوحة تحكم العضو	مكلاوي	3	295	شبعان

الكلمات الدلالية

« طلب تبديل المحرر | عايز هاك اخفاء محتوى الموضوع »

الساعة الآن 11:15 AM